.custom-li,.custom-ol,.custom-ul{list-style:none!important}:root{--max-width:720px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:inherit;text-decoration:none}.main-content-area li a,.main-content-area p a,.markdown-content li a,.markdown-content p a,.prose li a,.prose ol a,.prose p a,.prose ul a{color:#2563eb!important;text-decoration:underline!important;font-weight:500;transition:color .2s ease}.main-content-area li a:hover,.main-content-area p a:hover,.markdown-content li a:hover,.markdown-content p a:hover,.prose li a:hover,.prose ol a:hover,.prose p a:hover,.prose ul a:hover{color:#1d4ed8!important}.recommendation-card a,.recommendation-card-primary-btn,.recommendation-card-secondary-btn,.related-note-card a,.related-note-link{color:inherit!important;text-decoration:none!important}.markdown-body{font-size:16px;line-height:1.8}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{font-weight:700;margin:1.5em 0 1em}.markdown-body p{margin:0 0 1em}.markdown-body ol,.markdown-body ul{margin:0 0 1em 1.5em}.markdown-body code{background:#f6f8fa;padding:2px 4px;border-radius:4px}.markdown-body pre{background:#f6f8fa;padding:12px;border-radius:6px;overflow-x:auto}.markdown-body blockquote{border-left:4px solid #eee;color:#888;margin:1em 0;padding:.5em 1em;background:#fafbfc}.markdown-body table{border-collapse:collapse;width:100%;margin:1em 0}.markdown-body td,.markdown-body th{border:1px solid #ddd;padding:8px}.markdown-body th{background:#f6f8fa;font-weight:600}.custom-ol,.custom-ul{padding-left:0!important;margin-left:0!important}.custom-li{position:relative;padding-left:1.6em}.custom-ul .custom-li:before{content:"•";position:absolute;left:0;color:#888;font-size:1em;line-height:1.5}.custom-ol{counter-reset:none!important}.custom-ol>.custom-li{counter-increment:custom-ol-counter}.custom-ol>.custom-li:before{content:counter(custom-ol-counter) ".";position:absolute;left:0;color:#888;font-size:1em;line-height:1.5}.custom-li::marker,.custom-ol li::marker,.custom-ul li::marker{content:""!important;color:transparent!important}@media (max-width:600px){.markdown-body{font-size:15px}.markdown-body h1{font-size:24px}.markdown-body h2{font-size:20px}.markdown-body h3{font-size:18px}.markdown-body h4{font-size:16px}.note-meta-block{gap:4px!important;margin-bottom:8px!important}.note-meta-block>div,.note-meta-block>span{font-size:12px!important;padding:2px 7px!important;min-width:36px!important;margin-left:0!important;margin-bottom:4px!important}.note-meta-block{flex-wrap:wrap!important}.related-note-card{padding:12px 10px 10px!important;border-radius:8px!important;margin-bottom:12px!important}.related-note-card-title{font-size:16px!important;margin-bottom:6px!important}.related-note-card-category{font-size:12px!important;padding:2px 7px!important}}@media (prefers-color-scheme:dark){html{color-scheme:light}}.custom-ol,.custom-ul,ol,ul{list-style:none!important;counter-reset:none!important;margin-left:0!important;padding-left:0!important}.custom-ol>.custom-li,.custom-ul>.custom-li,ol>li,ul>li{padding-left:2em!important}.custom-ol .custom-ol>.custom-li,.custom-ol .custom-ul>.custom-li,.custom-ul .custom-ol>.custom-li,.custom-ul .custom-ul>.custom-li,ol ol>li,ol ul>li,ul ol>li,ul ul>li{padding-left:0!important}.custom-ol .custom-li p,.custom-ul .custom-li p,ol li p,ul li p{margin-left:0!important;padding-left:0!important;text-indent:0!important}.custom-ol>.custom-li>p:first-child,.custom-ul>.custom-li>p:first-child,ol>li>p:first-child,ul>li>p:first-child{margin-left:0!important;padding-left:0!important}p{text-indent:2em}.custom-ol>.custom-li>p:first-child,.custom-ul>.custom-li>p:first-child,ol>li>p:first-child,ul>li>p:first-child{text-indent:0!important}.custom-li::marker,.custom-ol li::marker,.custom-ul li::marker,ol li::marker,ul li::marker{content:""!important;color:transparent!important}.custom-li:before,.custom-ol>li:before,.custom-ul>li:before,ol>li:before,ul>li:before{content:""!important;color:transparent!important}.toc-sidebar{position:fixed;top:100px;right:4vw;width:280px;z-index:100;background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(99,102,241,.07);border:1px solid #e5e7eb;padding:20px 18px;transition:box-shadow .2s;max-height:70vh;overflow-y:auto}.toc-title{display:flex;align-items:center;font-size:17px;font-weight:600;color:#3730a3;margin-bottom:18px;gap:8px;border-bottom:1.5px solid #e0e7ff;padding-bottom:8px}.toc-container{scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc;max-height:60vh;overflow-y:auto}.toc-container::-webkit-scrollbar{width:6px}.toc-container::-webkit-scrollbar-track{background:#f7fafc;border-radius:3px}.toc-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.toc-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}.toc-list,.toc-list li{list-style:none;padding-left:0;margin-left:0}.toc-list li::marker,.toc-list li:before{content:none!important;display:none!important;margin:0!important;padding:0!important}.toc-list .toc-level-2{padding-left:18px}.toc-list .toc-level-3{padding-left:36px}.toc-list .toc-level-4{padding-left:54px}.toc-list li a{display:block;padding:7px 12px;border-radius:8px;color:#374151;font-size:15px;text-decoration:none;margin-bottom:2px;transition:background .15s,color .15s;font-weight:400}.toc-list li a:focus,.toc-list li a:hover{background:#f1f5ff;color:#2563eb}.toc-list li{margin-bottom:2px}.reading-stats{display:flex;align-items:center;gap:18px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb;padding:12px 18px;color:#374151;font-size:15px;font-weight:500;margin:18px 0 0;flex-wrap:wrap;box-sizing:border-box;width:-moz-fit-content;width:fit-content;min-width:180px}.reading-stats span{display:flex;align-items:center;gap:4px}.reading-stats-divider{color:#d1d5db;margin:0 8px;white-space:pre}@media (max-width:600px){.reading-stats{font-size:14px;padding:10px 8px;gap:10px;flex-wrap:wrap;align-items:center;width:100%;min-width:0}.reading-stats-divider{margin:0 6px}}h1,h2,h3,h4,h5,h6{scroll-margin-top:100px}@media (max-width:1024px){.toc-sidebar{display:none}.reading-stats{font-size:14px;padding:8px 10px;gap:10px}}.custom-ol .custom-li p,.custom-ul .custom-li p,ol li p,ul li p{text-indent:2em!important}.breadcrumb-nav{width:100%;max-width:1200px;margin:24px auto 0;padding:18px 16px 12px;font-size:15px;color:#666;box-sizing:border-box;background:#fff}.breadcrumb-container{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.breadcrumb-link{color:#2563eb;text-decoration:none;font-weight:500;transition:color .15s;white-space:nowrap}.breadcrumb-link:hover{color:#1d4ed8;text-decoration:underline}.breadcrumb-separator{color:#bbb;font-size:15px;flex-shrink:0}.breadcrumb-current{color:#374151;font-weight:500;white-space:normal;overflow:visible;text-overflow:unset;max-width:none;display:inline}@media (max-width:768px){.breadcrumb-nav{font-size:14px;padding:12px 16px 8px;margin-left:env(safe-area-inset-left,0);margin-right:env(safe-area-inset-right,0)}.breadcrumb-container{gap:4px;flex-wrap:wrap;align-items:flex-start}.breadcrumb-current{max-width:none;font-size:13px;white-space:normal;overflow:visible;text-overflow:unset;display:block;line-height:1.4}}@media (max-width:480px){.breadcrumb-nav{padding:8px 12px 6px;margin-left:env(safe-area-inset-left,0);margin-right:env(safe-area-inset-right,0)}.breadcrumb-current{max-width:none;font-size:12px;white-space:normal;overflow:visible;text-overflow:unset;display:block;line-height:1.4}}.main-content-area{max-width:720px;margin:32px auto;padding:0 24px;font-size:18px;line-height:1.8;box-sizing:border-box;background:none}.main-content-area h1{font-size:38px;color:#4d4f53;line-height:50px;padding:34px 0 0;font-weight:700;margin-bottom:16px;word-break:break-word}@media (max-width:1024px){.main-content-area{max-width:100%;padding:0 5vw;font-size:16px}.main-content-area h1{font-size:26px;line-height:1.3;padding:24px 0 0}}@media (max-width:1200px){.toc-sidebar{right:0}}.note-summary{font-size:16px;text-indent:2em;color:#666;line-height:1.6;margin-bottom:24px;padding:16px 20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #e0e7ff;font-style:italic}.note-meta-block{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.note-category,.note-keywords,.note-tags{display:flex;align-items:center;flex-wrap:wrap;min-height:28px;margin-bottom:4px}.note-category-label,.note-keywords-label,.note-tags-label{min-width:48px;color:#666;font-size:14px;font-weight:500;margin-right:6px;flex-shrink:0}.note-category-value{padding:2px 10px;font-size:13px}.note-category-value,.note-keyword-item{background:#e0e7ff;color:#3730a3;border-radius:4px;font-weight:500;margin-bottom:4px}.note-keyword-item,.note-tag-item{padding:2px 8px;font-size:12px;margin-right:6px;display:inline-block}.note-tag-item{background:#d1fae5;color:#047857;border-radius:4px;font-weight:500;margin-bottom:4px}.note-tags-label{min-width:48px;color:#047857;font-size:16px;font-weight:500;margin-right:6px;flex-shrink:0}.related-notes-list{max-width:720px;margin:2rem auto;padding:0 1rem}.related-notes-title{font-size:1.5rem;font-weight:700;margin:2.5rem 0 1.5rem;color:#1f2937;text-align:center;position:relative}.related-notes-title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translateX(-50%);width:3rem;height:3px;background:linear-gradient(90deg,#4f46e5,#9333ea);border-radius:2px}.related-notes-ul{list-style:none;padding:0;margin:0;display:grid;gap:1rem}.related-note-item{border-radius:1rem;background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.related-note-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4f46e5,#9333ea);transform:scaleX(0);transition:transform .3s ease}.related-note-item:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border-color:#c7d2fe}.related-note-item:hover:before{transform:scaleX(1)}.related-note-link{text-decoration:none!important;color:inherit;display:block;padding:1.25rem 1.5rem;position:relative}.main-content-area .related-note-link{text-decoration:none!important;color:inherit!important}.main-content-area .related-note-link:hover{text-decoration:none!important}.related-note-title{font-weight:600;color:#1f2937;font-size:1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;margin:0}.related-note-item:hover .related-note-title{color:#4f46e5}.share-buttons{gap:14px;position:relative;justify-content:flex-end;margin-top:18px;margin-bottom:18px}.share-btn,.share-buttons{display:flex;align-items:center}.share-btn{background:#fff;padding:0;margin:0;cursor:pointer;justify-content:center;transition:box-shadow .18s,border-color .18s;color:#222;outline:none;border-radius:8px;width:38px;height:38px;box-shadow:0 1px 2px rgba(0,0,0,.03);border:1.5px solid #f3f4f6}.share-btn:focus,.share-btn:hover{box-shadow:0 2px 8px rgba(99,102,241,.13);border-color:#6366f1}.share-btn-icon{width:38px;height:38px;display:block;stroke-width:2}@media (max-width:600px){.share-buttons{gap:8px;margin-top:12px;margin-bottom:12px}.share-btn,.share-btn-icon{width:34px;height:34px}}.toc-mobile-container{display:none!important}@media (max-width:1024px){.toc-mobile-container{display:block!important}.toc-mobile-toggle{display:none!important}.toc-float-btn{display:flex!important;position:fixed;z-index:1003;right:18px;bottom:80px;width:48px;height:48px;background:#6366f1;border-radius:50%;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.12);cursor:pointer;transition:transform .2s ease}.toc-float-btn:hover{transform:scale(1.05)}.toc-mobile-mask{display:none;position:fixed;z-index:1001;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.35);cursor:pointer}.toc-mobile-drawer{position:fixed;z-index:1002;right:-80vw;top:0;width:80vw;height:100vh;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,.08);transition:right .3s ease;overflow-y:auto;display:flex;flex-direction:column}.toc-mobile-toggle:checked~.toc-mobile-mask{display:block}.toc-mobile-toggle:checked~.toc-mobile-drawer{right:0}.toc-mobile-drawer .toc-title{padding:20px 20px 16px;font-size:18px;font-weight:600;color:#1f2937;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:8px}.toc-mobile-drawer .toc-list{padding:16px 20px;margin:0;list-style:none}.toc-mobile-drawer .toc-list li{margin-bottom:8px}.toc-mobile-drawer .toc-list li a{color:#4b5563;text-decoration:none;font-size:14px;line-height:1.5;display:block;padding:6px 0;border-radius:4px;transition:color .2s ease}.toc-mobile-drawer .toc-list li a:hover{color:#6366f1;background:#f3f4f6}.toc-mobile-drawer .toc-level-2{padding-left:0}.toc-mobile-drawer .toc-level-3{padding-left:16px}.toc-mobile-drawer .toc-level-4{padding-left:32px}}.markdown-h1{font-size:38px;color:#4d4f53;line-height:50px;padding:34px 0}.markdown-h1,.markdown-h2,.markdown-h3{font-weight:700}.markdown-ol,.markdown-ul{margin-bottom:30px;list-style:none}.markdown-li{word-break:break-word;margin-bottom:15px;list-style:none}.markdown-blockquote,.markdown-code-block{margin-bottom:30px}.copyright-notice{color:#888;font-size:13px;margin-top:2em;text-align:center}.markdown-p{text-indent:2em;padding-left:1em;margin-bottom:30px}.footer{padding:1.5rem 0;border-top:1px solid #f3f4f6;background-color:#f9fafb}.footer-container{max-width:72rem;margin:0 auto;padding:0 1rem;gap:1rem}.footer-brand-section,.footer-container{display:flex;flex-direction:column;align-items:center}.footer-brand-section{gap:.5rem}.footer-copyright{font-size:.75rem;color:#9ca3af}.footer-links{display:flex;gap:1.5rem}.footer-link{font-size:.75rem;color:#9ca3af;transition:color .2s;text-decoration:none}.footer-link:hover{color:#6366f1}.footer-contact,.footer-contact-link{display:flex;align-items:center;gap:.5rem}.footer-contact-link{font-size:.75rem;color:#9ca3af;transition:color .2s;text-decoration:none}.footer-contact-link:hover{color:#6366f1}.footer-tools-section{display:flex;flex-direction:column;align-items:center;gap:.5rem}.footer-tools-title{font-size:.75rem;color:#6b7280;font-weight:500}.footer-tools-links{display:flex;gap:1rem}.footer-tool-link{font-size:.75rem;color:#9ca3af;transition:color .2s;display:flex;align-items:center;gap:.25rem;text-decoration:none}.footer-tool-link:hover{color:#6366f1}.footer-icp{display:flex;justify-content:center}.footer-icp-link{font-size:.75rem;color:#9ca3af;transition:color .2s;text-decoration:none}.footer-icp-link:hover{color:#6366f1}.header-nav{padding:1rem;display:flex;align-items:center;justify-content:flex-start;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);position:relative}.header-logo-container{flex:0 0 auto;display:flex;align-items:center;min-width:48px}.header-logo-link{margin-right:0}.header-logo{height:40px;width:auto}@media (max-width:600px){.header-nav{padding:.5rem}}.header-container{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:50}.header-content{max-width:80rem;margin:0 auto;padding:0 1rem}.header-flex{display:flex;justify-content:space-between;align-items:center;height:4rem}.logo-container{flex-shrink:0}.logo-link{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo-text{font-size:1.25rem;font-weight:700;color:#111827}.desktop-nav{display:none}@media (min-width:768px){.desktop-nav{display:block}.mobile-menu-btn-container{display:none}}.nav-items{margin-left:2.5rem;display:flex;align-items:baseline;gap:2rem}.nav-dropdown{position:relative;padding:.75rem .5rem;margin:-.75rem -.5rem;border-radius:.5rem}.nav-dropdown:before{content:"";position:absolute;top:-.5rem;left:-.5rem;right:-.5rem;bottom:-.5rem;z-index:1;pointer-events:none}.nav-dropdown:hover:before{pointer-events:auto}.nav-dropdown-btn{color:#374151;padding:.5rem .75rem;font-size:.875rem;font-weight:500;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:.25rem;transition:color .2s}.nav-dropdown-btn:hover{color:#4f46e5}.nav-link{color:#374151;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:#4f46e5}.lang-switch{color:#374151;padding:.25rem .5rem;font-size:.875rem;font-weight:500;text-decoration:none;border:1px solid #d1d5db;border-radius:.25rem;transition:all .2s}.lang-switch:hover{color:#4f46e5;border-color:#c7d2fe}.dropdown-menu{display:none;top:calc(100% - .5rem);left:50%;transform:translateX(-50%) translateY(-10px);margin-top:.5rem;background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border:1px solid #e5e7eb;z-index:60;padding:1.5rem;opacity:0;visibility:hidden;transition:all .2s ease-in-out}.dropdown-menu,.dropdown-menu:before{position:absolute;pointer-events:auto}.dropdown-menu:before{content:"";top:-.75rem;left:0;right:0;height:.75rem;background:transparent}.dropdown-menu:hover,.nav-dropdown:hover .dropdown-menu{display:block;opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.dropdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.dropdown-item{display:block;padding:1.25rem;border-radius:.75rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;position:relative;overflow:hidden}.dropdown-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(79,70,229,.1),transparent);transition:left .5s}.dropdown-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.dropdown-item:hover:before{left:100%}.dropdown-item-flex{display:flex;align-items:flex-start;gap:.75rem}.dropdown-icon{width:2.75rem;height:2.75rem;border-radius:.875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dropdown-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.1));border-radius:.875rem;opacity:0;transition:opacity .3s ease}.dropdown-item:hover .dropdown-icon{transform:scale(1.05) rotate(2deg)}.dropdown-item:hover .dropdown-icon:before{opacity:1}.dropdown-text{flex:1}.dropdown-title{font-weight:700;color:#1e293b;font-size:.9rem;margin-bottom:.25rem;letter-spacing:.01em;transition:color .3s ease}.dropdown-item:hover .dropdown-title{color:#4f46e5}.dropdown-desc{font-size:.8rem;color:#64748b;margin-top:.25rem;line-height:1.6;font-weight:400;transition:color .3s ease}.dropdown-item:hover .dropdown-desc{color:#475569}.mobile-menu-btn{color:#374151;padding:.5rem;cursor:pointer;background:none;border:none}.mobile-menu-btn:hover{color:#4f46e5}.mobile-menu-checkbox{display:none}.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.mobile-menu-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);cursor:pointer}.mobile-menu-checkbox:checked~.header-flex~.mobile-menu{display:block}.mobile-menu-content{position:absolute;top:0;right:0;width:320px;height:100vh;background:#fff;box-shadow:-4px 0 6px -1px rgba(0,0,0,.1);overflow-y:auto;padding:0}.mobile-menu-header{display:flex;justify-content:flex-end;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb;background:#f8fafc}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;background:#f1f5f9;color:#64748b;cursor:pointer;transition:all .2s ease;border:none}.mobile-menu-close:hover{background:#e2e8f0;color:#475569;transform:scale(1.05)}.mobile-section{margin-bottom:1.5rem;padding:0 1rem}.mobile-section-title{color:#6b7280;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 0;border-bottom:1px solid #e5e7eb;margin-bottom:.75rem}.mobile-link{color:#374151;display:block;padding:.75rem .5rem;font-size:1rem;font-weight:500;text-decoration:none}.mobile-link:hover{color:#4f46e5}.mobile-link-with-desc{display:block;padding:1rem;text-decoration:none;border-radius:.5rem;transition:all .2s;border:1px solid #e5e7eb;margin-bottom:.75rem}.mobile-link-with-desc:hover{background-color:#f8fafc;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.mobile-link-content{display:flex;flex-direction:column;gap:.25rem}.mobile-link-title{color:#1f2937;font-size:1rem;font-weight:600;line-height:1.25}.mobile-link-desc{color:#6b7280;font-size:.875rem;line-height:1.4;margin-top:.25rem}.reports-wide{width:700px}.reports-wide,.tools-wide{max-width:calc(100vw - 2rem)}.tools-wide{width:500px}.icon-bg-pink{background:linear-gradient(to bottom right,#fce7f3,#fbcfe8)}.icon-bg-purple{background:linear-gradient(to bottom right,#e9d5ff,#d8b4fe)}.icon-bg-red{background:linear-gradient(to bottom right,#fecaca,#fca5a5)}.icon-bg-yellow{background:linear-gradient(to bottom right,#fef3c7,#fde68a)}.icon-bg-blue{background:linear-gradient(to bottom right,#dbeafe,#bfdbfe)}.icon-bg-green{background:linear-gradient(to bottom right,#d1fae5,#a7f3d0)}.recommendation-card{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#1e1b4b,#581c87 50%,#7c2d12);border-radius:1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px hsla(0,0%,100%,.05);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.recommendation-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05) 50%,hsla(0,0%,100%,.1));pointer-events:none}.recommendation-card:hover{transform:translateY(-4px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.recommendation-card-content{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.recommendation-card-text{color:#fff;line-height:1.7;font-weight:700;font-size:1.25rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);letter-spacing:.025em}.recommendation-card-subtext{color:#f8fafc;font-size:1.125rem;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.2);letter-spacing:.01em}.recommendation-card-buttons{display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}@media (min-width:640px){.recommendation-card-buttons{flex-direction:row;justify-content:center;gap:1.5rem}}.recommendation-card-primary-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background:linear-gradient(90deg,#fff,#f8fafc);color:#1e1b4b;font-weight:700;border-radius:.75rem;text-decoration:none!important;transform:scale(1);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px rgba(0,0,0,.15),0 0 0 1px hsla(0,0%,100%,.2);border:none;position:relative;overflow:hidden}.recommendation-card-primary-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.recommendation-card-primary-btn:hover{background:linear-gradient(90deg,#f1f5f9,#e2e8f0);transform:scale(1.05) translateY(-2px);box-shadow:0 12px 35px rgba(0,0,0,.2),0 0 0 1px hsla(0,0%,100%,.3);text-decoration:none!important;color:#0f172a}.recommendation-card-primary-btn:hover:before{left:100%}.recommendation-card-secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background:hsla(0,0%,100%,.1);color:#fff;font-weight:600;border-radius:.75rem;border:2px solid hsla(0,0%,100%,.6);text-decoration:none!important;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1)}.recommendation-card-secondary-btn:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:hsla(0,0%,100%,.1);transition:width .3s ease}.recommendation-card-secondary-btn:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.8);transform:scale(1.05) translateY(-2px);text-decoration:none!important;color:#fff;box-shadow:0 8px 25px rgba(0,0,0,.2),0 0 0 1px hsla(0,0%,100%,.1)}.recommendation-card-secondary-btn:hover:before{width:100%}.recommendation-card-btn-icon{width:1.25rem;height:1.25rem;margin-right:.75rem;fill:none;stroke:currentColor;stroke-width:2}.recommendation-card-note{font-size:.875rem;color:#e2e8f0;font-style:italic;text-align:center;margin-top:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.01em}