@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--apple-bg:#f5f5f7;--apple-card-bg:#fff;--apple-text-primary:#1d1d1f;--apple-text-secondary:#86868b;--apple-blue:#06c;--apple-blue-hover:#0077ed;--apple-border:#e8e8ed;--apple-nav-bg:#f5f5f7bf;--apple-nav-border:#00000014;--apple-success:#1d803c;--apple-danger:#b52c2c;--apple-shadow-sm:0 4px 12px #0000000a;--apple-shadow-md:0 8px 30px #0000000f;--apple-shadow-lg:0 20px 40px #0000001f;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1);--transition-fast:all .15s ease}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin;scrollbar-color:#00000026 transparent;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026 padding-box padding-box;border:2px solid #0000;border-radius:980px;transition:all .2s}::-webkit-scrollbar-thumb:hover{background:#00000059 padding-box padding-box;border:2px solid #0000}html,body{background-color:var(--apple-bg);color:var(--apple-text-primary);max-width:100%;line-height:1.5;overflow-x:hidden}#root{width:100%;overflow-x:hidden}button,input,select{font-family:inherit}a{color:var(--apple-blue);transition:var(--transition-fast);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.text-center{text-align:center}.section-title{letter-spacing:-.015em;color:var(--apple-text-primary);margin-top:12px;font-size:36px;font-weight:700;line-height:1.2}.apple-btn{background-color:var(--apple-blue);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:980px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:500;display:inline-flex;box-shadow:0 2px 4px #0000000d}.apple-btn:hover{background-color:var(--apple-blue-hover);transform:translateY(-1px)}.apple-btn-secondary{color:var(--apple-blue);border:1px solid var(--apple-blue);cursor:pointer;transition:var(--transition-smooth);background-color:#0000;border-radius:980px;align-items:center;gap:8px;padding:9px 21px;font-size:14px;font-weight:500;display:inline-flex}.apple-btn-secondary:hover{background-color:#0066cc0d;text-decoration:none}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:980px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-blue{color:var(--apple-blue);background-color:#0066cc14}.badge-green{color:var(--apple-success);background-color:#1d803c14}.badge-orange{color:#e28743;background-color:#e2874314}.navbar{-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:1000;width:100%;height:48px;transition:var(--transition-smooth);background-color:#16161759;border-bottom:1px solid #ffffff0d;position:fixed;top:0;left:0}.navbar-content{justify-content:space-between;align-items:center;width:100%;max-width:1024px;height:100%;margin:0 auto;padding:0 22px;display:flex}.navbar-brand{color:#f5f5f7;opacity:.8;transition:var(--transition-fast);align-items:center;gap:8px;font-size:12px;font-weight:400;display:flex}.navbar-brand:hover{opacity:1}.navbar-logo-svg{fill:#f5f5f7;width:16px;height:16px}.navbar-menu{gap:36px;margin:0;padding:0;list-style:none;display:flex}.navbar-item{color:#f5f5f7;opacity:.8;transition:var(--transition-fast);cursor:pointer;font-size:12px;font-weight:400;list-style:none}.navbar-item:hover,.navbar-item.active{opacity:1;color:#fff}.navbar-compare-indicator{background-color:var(--apple-blue);color:#fff;border-radius:980px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:600}.navbar-support{color:#f5f5f7;opacity:.8;cursor:pointer;transition:var(--transition-fast);font-size:12px}.navbar-support:hover{opacity:1}.hero{border-bottom:1px solid var(--apple-border);background-color:#fff;padding-top:120px;padding-bottom:60px}.hero-subtitle{color:var(--apple-text-secondary);letter-spacing:-.01em;margin-bottom:8px;font-size:21px;font-weight:600}.hero-title{color:var(--apple-text-primary);letter-spacing:-.015em;margin-bottom:16px;font-size:56px;font-weight:700;line-height:1.07}.hero-desc{color:var(--apple-text-secondary);max-width:600px;margin:0 auto 32px;font-size:21px;font-weight:400;line-height:1.38}.hero-actions{justify-content:center;gap:16px;display:flex}.quiz-section{background-color:var(--apple-card-bg);box-shadow:var(--apple-shadow-md);border:1px solid var(--apple-border);border-radius:28px;margin:40px 0;padding:40px}.quiz-header{margin-bottom:32px}.quiz-progress-bar{background-color:var(--apple-border);border-radius:2px;width:100%;height:4px;margin-bottom:32px;overflow:hidden}.quiz-progress{background-color:var(--apple-blue);height:100%;transition:width .3s}.quiz-question{letter-spacing:-.01em;margin-bottom:24px;font-size:28px;font-weight:600}.quiz-options{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.quiz-option-card{background:var(--apple-bg);cursor:pointer;transition:var(--transition-smooth);text-align:left;border:2px solid #0000;border-radius:18px;padding:24px}.quiz-option-card:hover{box-shadow:var(--apple-shadow-sm);border-color:var(--apple-border);background:#fff;transform:translateY(-2px)}.quiz-option-card.selected{border-color:var(--apple-blue);box-shadow:var(--apple-shadow-md);background:#fff}.quiz-option-title{margin-bottom:8px;font-size:18px;font-weight:600}.quiz-option-desc{color:var(--apple-text-secondary);font-size:13px}.quiz-nav-btns{justify-content:space-between;display:flex}.quiz-results-container{animation:.5s ease-out fadeIn}.quiz-results-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin:32px 0;display:grid}.recommended-card{background-color:var(--apple-bg);border:1px solid var(--apple-border);transition:var(--transition-smooth);border-radius:24px;padding:30px;position:relative}.recommended-card:hover{box-shadow:var(--apple-shadow-lg);transform:translateY(-4px)}.recommended-badge{background-color:var(--apple-text-primary);color:#fff;border-radius:980px;padding:4px 16px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:24px}.category-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:48px;display:flex}.category-tab{background-color:var(--apple-card-bg);border:1px solid var(--apple-border);color:var(--apple-text-primary);cursor:pointer;transition:var(--transition-smooth);border-radius:980px;padding:10px 20px;font-size:14px;font-weight:500}.category-tab:hover{background-color:var(--apple-bg)}.category-tab.active{background-color:var(--apple-text-primary);color:#fff;border-color:var(--apple-text-primary)}.laptop-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;display:grid}.laptop-card{background-color:var(--apple-card-bg);border:1px solid var(--apple-border);height:100%;box-shadow:var(--apple-shadow-sm);transition:var(--transition-smooth);border-radius:20px;flex-direction:column;min-width:0;padding:24px;display:flex;position:relative}.laptop-card:hover{box-shadow:var(--apple-shadow-lg);transform:translateY(-6px)}.laptop-card-image-wrapper{background-color:var(--apple-bg);border-radius:14px;justify-content:center;align-items:center;height:220px;margin-bottom:20px;padding:0;display:flex;overflow:hidden}.laptop-card-img{object-fit:cover;width:100%;height:100%;transition:var(--transition-smooth)}.laptop-card:hover .laptop-card-img{transform:scale(1.06)}.laptop-card-brand{color:var(--apple-text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;font-size:11px;font-weight:600}.laptop-card-title{color:var(--apple-text-primary);margin-bottom:8px;font-size:20px;font-weight:600;line-height:1.25}.laptop-card-tagline{color:var(--apple-text-secondary);flex-grow:1;margin-bottom:16px;font-size:13px}.laptop-card-specs-preview{border-top:1px solid var(--apple-border);color:var(--apple-text-secondary);flex-direction:column;gap:6px;margin-bottom:18px;padding-top:14px;font-size:12px;display:flex}.laptop-card-spec-item{align-items:center;gap:6px;display:flex}.laptop-card-spec-icon{color:var(--apple-text-primary);opacity:.6;font-weight:700}.laptop-card-price{color:var(--apple-text-primary);margin-bottom:18px;font-size:20px;font-weight:600}.laptop-card-actions{gap:10px;margin-top:auto;display:flex}.laptop-card-btn-detail{text-align:center;flex-grow:1}.laptop-card-btn-compare{background-color:var(--apple-bg);border:1px solid var(--apple-border);width:40px;height:40px;color:var(--apple-text-primary);cursor:pointer;transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;padding:10px;display:flex}.laptop-card-btn-compare:hover{background-color:var(--apple-border)}.laptop-card-btn-compare.added{background-color:var(--apple-blue);color:#fff;border-color:var(--apple-blue)}.compare-container{background-color:var(--apple-card-bg);box-shadow:var(--apple-shadow-md);border:1px solid var(--apple-border);border-radius:28px;margin-bottom:40px;padding:40px;overflow-x:auto}.compare-empty{text-align:center;padding:40px 0}.compare-empty-icon{margin-bottom:16px;font-size:48px}.compare-table{border-collapse:collapse;text-align:left;width:100%;min-width:700px}.compare-table th,.compare-table td{border-bottom:1px solid var(--apple-border);vertical-align:top;padding:18px 24px}.compare-table-header{width:25%;font-size:20px;font-weight:600}.compare-prod-column{width:25%}.compare-prod-header{text-align:center;flex-direction:column;align-items:center;display:flex}.compare-prod-img{object-fit:contain;background-color:var(--apple-bg);border-radius:10px;width:100px;height:70px;margin-bottom:12px;padding:8px}.compare-prod-title{margin-bottom:4px;font-size:16px;font-weight:600}.compare-prod-price{color:var(--apple-text-secondary);margin-bottom:12px;font-size:14px}.compare-remove-btn{color:var(--apple-danger);cursor:pointer;background:0 0;border:none;font-size:12px}.compare-remove-btn:hover{text-decoration:underline}.compare-row-title{color:var(--apple-text-primary);font-size:14px;font-weight:600}.compare-spec-text{color:var(--apple-text-primary);font-size:14px}.compare-score-bar-wrapper{margin-bottom:8px}.compare-score-label{color:var(--apple-text-secondary);justify-content:space-between;margin-bottom:4px;font-size:11px;display:flex}.compare-score-bar-bg{background-color:var(--apple-bg);border-radius:3px;height:6px;overflow:hidden}.compare-score-bar{background-color:var(--apple-blue);border-radius:3px;height:100%}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;animation:.25s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--apple-card-bg);width:90%;max-width:900px;max-height:90vh;box-shadow:var(--apple-shadow-lg);border:1px solid var(--apple-border);border-radius:28px;animation:.3s cubic-bezier(.25,.8,.25,1) slideUp;position:relative;overflow-y:auto}.modal-close-btn{background-color:var(--apple-bg);cursor:pointer;width:36px;height:36px;color:var(--apple-text-primary);z-index:10;transition:var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:24px;right:24px}.modal-close-btn:hover{background-color:var(--apple-border)}.modal-body{padding:40px}.modal-grid{grid-template-columns:1.2fr 1fr;gap:40px;display:grid}@media (width<=768px){.modal-grid{grid-template-columns:1fr;gap:30px}}.modal-img-column{flex-direction:column;display:flex}.modal-img-wrapper{background-color:var(--apple-bg);height:420px;transition:var(--transition-smooth);border-radius:20px;justify-content:center;align-items:center;padding:10px;display:flex}.modal-img{object-fit:contain;width:100%;height:100%}.modal-info-column{flex-direction:column;gap:24px;display:flex}.modal-brand{letter-spacing:1px;text-transform:uppercase;color:var(--apple-text-secondary);margin-bottom:4px;font-size:11px;font-weight:600}.modal-title{color:var(--apple-text-primary);font-size:24px;font-weight:700;line-height:1.2}.modal-tagline{color:var(--apple-text-secondary);margin-top:6px;font-size:14px;font-style:italic}.modal-price{color:var(--apple-text-primary);margin-top:10px;font-size:22px;font-weight:600}.modal-specs-list{border-top:1px solid var(--apple-border);flex-direction:column;gap:12px;padding-top:20px;display:flex}.modal-spec-row{border-bottom:1px solid #00000005;justify-content:space-between;align-items:center;padding:6px 0;display:flex}.modal-spec-label{text-transform:uppercase;color:var(--apple-text-secondary);letter-spacing:.5px;font-size:11px;font-weight:600}.modal-spec-val{color:var(--apple-text-primary);text-align:right;max-width:65%;font-size:13px;font-weight:500}.modal-suitability{background-color:var(--apple-bg);border-left:4px solid var(--apple-blue);border-radius:16px;padding:16px;font-size:13px;line-height:1.4}.modal-suitability-title{color:var(--apple-text-primary);margin-bottom:4px;font-weight:600}.modal-suitability-text{color:var(--apple-text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.hero-title{font-size:38px}.hero-desc{font-size:18px}.navbar-menu{gap:16px}}@media (width<=600px){.container{padding:0 16px}.section{padding:48px 0}.hero{padding-top:90px;padding-bottom:40px}.hero-subtitle{font-size:14px}.hero-title{margin-bottom:12px;font-size:26px;line-height:1.2}.hero-desc{margin-bottom:20px;padding:0 8px;font-size:14px;line-height:1.4}.hero-actions{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:280px;margin:0 auto}.hero-actions .apple-btn,.hero-actions .apple-btn-secondary{justify-content:center;width:100%;padding:12px 20px}.navbar-menu{display:none}.navbar-content{padding:0 16px}.section-title{font-size:24px!important}.quiz-section{border-radius:20px;margin:20px 0;padding:24px 16px}.quiz-question{font-size:20px;line-height:1.3}.quiz-option-card{border-radius:14px;padding:16px}.quiz-option-title{font-size:16px}.quiz-results-grid{grid-template-columns:1fr;gap:20px}.compare-container{border-radius:20px;margin-bottom:24px;padding:16px}.laptop-grid{grid-template-columns:1fr;gap:20px}.category-tabs{gap:8px;margin-bottom:24px}.category-tab{padding:8px 16px;font-size:12px}.modal-content{border-radius:20px;width:95%}.modal-body{padding:24px 16px}.modal-img-wrapper{height:220px;padding:16px}.modal-info-column{gap:16px}.modal-title{font-size:20px}.modal-price{font-size:18px}.modal-specs-list{gap:8px;padding-top:16px}.modal-spec-val{font-size:12px}.modal-close-btn{width:32px;height:32px;top:16px;right:16px}}.footer{color:#86868b;background-color:#f5f5f7;border-top:1px solid #d2d2d7;margin-top:60px;padding:50px 0 30px;font-size:12px}.footer-disclaimer{border-bottom:1px solid #d2d2d7;margin-bottom:20px;padding-bottom:20px;line-height:1.6}.footer-links-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px;margin-bottom:40px;display:grid}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.footer-bottom-links{flex-wrap:wrap;gap:16px;display:flex}@media (width<=600px){.footer{padding:30px 0 20px}.footer-links-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}.footer-bottom-links{gap:10px}}.section table tbody tr{transition:background-color var(--transition-fast)}.section table tbody tr:hover{background-color:#00000003!important}.modal-content form input[type=text],.modal-content form input[type=number],.modal-content form select,.modal-content form textarea{transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.modal-content form input[type=text]:focus,.modal-content form input[type=number]:focus,.modal-content form select:focus,.modal-content form textarea:focus{border-color:var(--apple-blue)!important;box-shadow:0 0 0 3px #0066cc26!important}.modal-content form input[type=range]{appearance:none;background:var(--apple-border);border-radius:2px;outline:none;height:4px}.modal-content form input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--apple-blue);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .1s,background-color .1s;box-shadow:0 1px 3px #00000026}.modal-content form input[type=range]::-webkit-slider-thumb:hover{background:var(--apple-blue-hover);transform:scale(1.2)}.modal-content form input[type=range]::-moz-range-thumb{background:var(--apple-blue);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px;transition:transform .1s,background-color .1s;box-shadow:0 1px 3px #00000026}.modal-content form input[type=range]::-moz-range-thumb:hover{background:var(--apple-blue-hover);transform:scale(1.2)}@media (width<=768px){.login-split-container{grid-template-columns:1fr!important;gap:32px!important;margin:40px 16px!important;padding:24px!important}}.navbar-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:8px;display:none}.navbar-toggle span{width:18px;height:2px;transition:var(--transition-smooth);background-color:#f5f5f7;display:block}.navbar-mobile-menu{-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:999;background-color:#161617f2;border-bottom:1px solid #ffffff14;flex-direction:column;gap:16px;width:100%;padding:12px 24px;list-style:none;display:none;position:absolute;top:48px;left:0}.navbar-mobile-item{color:#f5f5f7;opacity:.8;cursor:pointer;border-bottom:1px solid #ffffff0d;padding:8px 0;font-size:14px;font-weight:400;list-style:none}.navbar-mobile-item:last-child{border-bottom:none}.navbar-mobile-item.active{color:#fff;opacity:1;font-weight:500}@media (width<=600px){.navbar-menu{display:none!important}.navbar-toggle,.navbar-mobile-menu.open{display:flex!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.premium-loader-container{min-height:60vh;color:var(--apple-text-primary);background-color:var(--apple-bg);flex-direction:column;justify-content:center;align-items:center;display:flex}.premium-spinner{width:64px;height:64px;margin-bottom:24px;position:relative}.premium-spinner-circle{border:3px solid #0000;border-top-color:var(--apple-blue);border-radius:50%;width:100%;height:100%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite premium-spin;position:absolute}.premium-spinner-circle-inner{border:3px solid #0000;border-top-color:#00cdff;border-radius:50%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite premium-spin-reverse;position:absolute;inset:6px}.premium-spinner-glow{background:radial-gradient(circle,#0066cc26 0%,#0000 70%);border-radius:50%;width:100%;height:100%;animation:2s ease-in-out infinite premium-pulse;position:absolute}.premium-loading-text{letter-spacing:.2em;color:var(--apple-text-secondary);text-transform:uppercase;align-items:center;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;display:inline-flex}.premium-loading-dots{margin-left:2px;display:inline-flex}.premium-loading-dot{background-color:var(--apple-blue);border-radius:50%;width:4px;height:4px;margin:0 2px;animation:1.4s ease-in-out infinite both premium-dot-bounce}.premium-loading-dot:first-child{animation-delay:-.32s}.premium-loading-dot:nth-child(2){animation-delay:-.16s}@keyframes premium-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes premium-spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes premium-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:.9;transform:scale(1.15)}}@keyframes premium-dot-bounce{0%,80%,to{opacity:.3;transform:scale(.3)}40%{opacity:1;transform:scale(1.2)}}