@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@300;400;500;600&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";
:root{--laptop-primary:#00d4ff;--laptop-primary-light:#67e8f9;--laptop-primary-solid:#00c8f0;--laptop-secondary:#ff0080;--laptop-secondary-light:#ff66b2;--laptop-accent:#22c55e;--laptop-warning:#f59e0b;--laptop-error:#ef4444;--bg-dark-1:#0a0a0f;--bg-dark-2:#12121a;--bg-dark-3:#1a1a25;--card-solid:#141420;--card-solid-light:#1a1a28;--card-hover:#1e1e30;--glass-bg:#141420e6;--glass-bg-card:#1a1a28f2;--glass-bg-icon:#1e1e32e6;--glass-bg-input:#141423f2;--glass-border:#ffffff26;--glass-border-card:#fff3;--glass-border-icon:#ffffff40;--glass-hover:#ffffff1f;--text-primary:#fff;--text-secondary:#ffffffd9;--text-muted:#fff9;--text-dim:#fff6;--font-display:"Orbitron",sans-serif;--font-mono:"JetBrains Mono",monospace;--font-body:"Space Grotesk",sans-serif}.font-display{font-family:var(--font-display)}.font-tech-mono{font-family:var(--font-mono)}.font-tech-body{font-family:var(--font-body)}@keyframes blob-move{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-50px)scale(1.1)}50%{transform:translate(-20px,20px)scale(.9)}75%{transform:translate(40px,30px)scale(1.05)}}@keyframes shine{0%{left:-100%}50%,to{left:100%}}@keyframes laptop-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes laptop-pulse-glow{0%,to{box-shadow:0 0 25px #00d4ff99}50%{box-shadow:0 0 60px #00d4ffe6,0 0 100px #00d4ff66}}@keyframes laptop-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes laptop-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes laptop-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes laptop-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes laptop-orbit{0%{transform:rotate(0)translate(60px)rotate(0)}to{transform:rotate(360deg)translate(60px)rotate(-360deg)}}@keyframes laptop-loading-bar{0%{width:0%;margin-left:0%}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}@keyframes laptop-check-pop{0%{opacity:0;transform:scale(0)rotate(-45deg)}50%{opacity:1;transform:scale(1.2)rotate(0)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes laptop-select-pulse{0%{box-shadow:0 0 #00d4ff80}50%{box-shadow:0 0 0 10px #00d4ff26}to{box-shadow:0 0 #00d4ff00}}@keyframes laptop-typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-laptop-float{animation:3s ease-in-out infinite laptop-float}.animate-laptop-pulse-glow{animation:2s ease-in-out infinite laptop-pulse-glow}.animate-laptop-fade-in{animation:.5s ease-out forwards laptop-fade-in}.animate-laptop-scale-in{animation:.4s ease-out forwards laptop-scale-in}.animate-laptop-slide-up{animation:.5s ease-out forwards laptop-slide-up}.animate-laptop-orbit{animation:8s linear infinite laptop-orbit}.animate-laptop-check{animation:.4s cubic-bezier(.4,0,.2,1) forwards laptop-check-pop}.animate-laptop-select{animation:.4s ease-out laptop-select-pulse}.laptop-builder-bg{background:linear-gradient(180deg,var(--bg-dark-1)0%,var(--bg-dark-2)100%);min-height:100vh}.laptop-builder-bg:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 20% 0,#00d4ff33 0%,#0000 50%),radial-gradient(60% 40% at 80% 100%,#ff008026 0%,#0000 50%),radial-gradient(40% 30%,#8b5cf61a 0%,#0000 50%);position:absolute;inset:0}.laptop-blob{pointer-events:none;opacity:.3;border-radius:50%;animation:20s ease-in-out infinite blob-move;position:absolute}.laptop-blob-1{background:radial-gradient(circle,#00d4ff80 0%,#64d2ff40 30%,#0000 70%);width:580px;height:580px;animation-delay:0s;top:-8%;left:-8%}.laptop-blob-2{background:radial-gradient(circle,#1a1a1a66 0%,#6366f140 30%,#0000 70%);width:530px;height:530px;animation-delay:-5s;bottom:2%;right:2%}.laptop-blob-3{background:radial-gradient(circle,#00d4ff66 0%,#6366f133 30%,#0000 70%);width:480px;height:480px;animation-delay:-10s;top:65%;left:-3%}.laptop-blob-4{opacity:.5;background:radial-gradient(circle,#ff008066 0%,#1a1a1a33 30%,#0000 70%);width:430px;height:430px;animation-delay:-15s;top:8%;right:0%}.laptop-blob-5{background:radial-gradient(circle,#a855f766 0%,#6366f133 30%,#0000 70%);width:380px;height:380px;animation-delay:-7s;top:15%;left:40%}.laptop-blob-6{background:radial-gradient(circle,#ff008066 0%,#ff66b233 30%,#0000 70%);width:360px;height:360px;animation-delay:-12s;top:70%;left:50%}.laptop-glass-card{-webkit-backdrop-filter:blur(16px);background:#14142000;border:2px solid #ffffff26;border-radius:28px;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.laptop-glass-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:none;position:absolute;top:0;left:-100%}.laptop-glass-card:hover:before{animation:1s forwards shine}.laptop-glass-card:hover{border-color:#00d4ff66;box-shadow:0 25px 50px -12px #0009,0 0 40px #00d4ff26}.laptop-corner-accent{pointer-events:none;background:linear-gradient(135deg,#00d4ff33,#0000);border-bottom-left-radius:100px;width:8rem;height:8rem;position:absolute;top:0;right:0}.laptop-option-card{-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#14142073;border:2px solid #ffffff1f;border-radius:20px;padding:1.25rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.laptop-option-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.laptop-option-card:hover:before{left:100%}.laptop-option-card:hover{background:#1e1e308c;border-color:#00d4ff99;transform:translateY(-4px)scale(1.02);box-shadow:0 12px 30px #0006,0 0 25px #00d4ff40}.laptop-option-card.selected{background:linear-gradient(135deg,#00d4ff33,#00d4ff0d);border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff66,0 12px 30px #00d4ff4d,inset 0 0 20px #00d4ff1a}.laptop-option-card:active{transform:scale(.98)}.laptop-use-case-card{-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#14142073;border:2px solid #ffffff1f;border-radius:24px;align-items:center;gap:1.25rem;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.laptop-use-case-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:none;position:absolute;top:0;left:-100%}.laptop-use-case-card:hover:before{animation:.8s forwards shine}.laptop-use-case-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #00000080,0 0 20px #00d4ff1a}.laptop-use-case-card.selected{background:linear-gradient(135deg,#00d4ff26,#00d4ff0d);border-color:#00d4ff;box-shadow:0 0 0 2px #00d4ff4d,0 0 35px #00d4ff33}.laptop-choice-icon-cyan{color:#00d4ff;background:#00d4ff26;border:2px solid #00d4ff66}.laptop-use-case-card:hover .laptop-choice-icon-cyan{color:#fff;background:linear-gradient(135deg,#00d4ff,#09c);border-color:#00d4ffcc;transform:scale(1.1);box-shadow:0 8px 25px #00d4ff99}.laptop-use-case-card:hover .laptop-choice-icon-cyan .laptop-choice-icon-rotate{transform:rotate(12deg)}.laptop-choice-icon-magenta{color:#ff0080;background:#ff008026;border:2px solid #ff008066}.laptop-use-case-card:hover .laptop-choice-icon-magenta{color:#fff;background:linear-gradient(135deg,#ff0080,#c06);border-color:#ff0080cc;transform:scale(1.1);box-shadow:0 8px 25px #ff008099}.laptop-use-case-card:hover .laptop-choice-icon-magenta .laptop-choice-icon-scale{transform:scale(1.1)}.laptop-choice-text-cyan{color:#ffffffe6;transition:color .3s}.laptop-use-case-card:hover .laptop-choice-text-cyan{color:#00d4ff}.laptop-choice-subtext-cyan{color:#fff6;transition:color .3s}.laptop-use-case-card:hover .laptop-choice-subtext-cyan{color:#00d4ffb3}.laptop-choice-text-magenta{color:#ffffffe6;transition:color .3s}.laptop-use-case-card:hover .laptop-choice-text-magenta{color:#ff0080}.laptop-choice-subtext-magenta{color:#fff6;transition:color .3s}.laptop-use-case-card:hover .laptop-choice-subtext-magenta{color:#ff0080b3}.laptop-choice-arrow-cyan{opacity:0;transition:all .3s;transform:translate(-8px)}.laptop-use-case-card:hover .laptop-choice-arrow-cyan{opacity:1;background:#00d4ff4d;transform:translate(0)}.laptop-choice-arrow-magenta{opacity:0;transition:all .3s;transform:translate(-8px)}.laptop-use-case-card:hover .laptop-choice-arrow-magenta{opacity:1;background:#ff00804d;transform:translate(0)}.laptop-choice-zap{opacity:0;transition:opacity .3s}.laptop-use-case-card:hover .laptop-choice-zap{opacity:1}.laptop-btn-primary{color:#000;font-weight:700;font-family:var(--font-body);cursor:pointer;background:linear-gradient(135deg,#00b8d9,#0097a7);border:2px solid #fff3;border-radius:16px;padding:1.125rem 2rem;font-size:1rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 25px #00b8d940,0 0 30px #00b8d926}.laptop-btn-primary:before{content:"";pointer-events:none;background:linear-gradient(#fff3,#0000);border-radius:14px 14px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.laptop-btn-primary:hover{background:linear-gradient(135deg,#00c9e0,#00b8d9);transform:translateY(-2px)scale(1.01);box-shadow:0 12px 30px #00b8d94d,0 0 35px #00b8d933}.laptop-btn-primary:active{transform:scale(.98)}.laptop-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 4px 15px #00d4ff33}.laptop-btn-magenta{background:linear-gradient(135deg,#ff0080,#c06);box-shadow:0 8px 25px #ff008080,0 0 40px #ff00804d}.laptop-btn-magenta:hover{background:linear-gradient(135deg,#f39,#ff0080);box-shadow:0 15px 40px #ff008099,0 0 50px #ff008066}.laptop-btn-magenta-outline{color:#fff;background:#ff008026;border:2px solid #ff008080;border-radius:16px;transition:all .3s}.laptop-btn-magenta-outline:hover{background:#ff008040;border-color:#ff0080cc;transform:translateY(-2px);box-shadow:0 8px 30px #ff008066}.laptop-btn-secondary{background:var(--card-solid);color:var(--text-secondary);font-weight:500;font-family:var(--font-body);cursor:pointer;border:2px solid #fff3;border-radius:16px;padding:1rem 1.75rem;transition:all .3s}.laptop-btn-secondary:hover{background:var(--card-hover);color:var(--text-primary);border-color:#ffffff59;transform:translateY(-2px);box-shadow:0 10px 30px #0006}.laptop-input{background:var(--card-solid);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);font-family:var(--font-body);border:2px solid #ffffff26;border-radius:16px;outline:none;width:100%;padding:1.125rem 1.5rem;font-size:1rem;transition:all .3s}.laptop-input::placeholder{color:var(--text-muted)}.laptop-input:focus{background:#00d4ff14;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff40,0 0 20px #00d4ff26}.laptop-progress-dot{background:#ffffff40;border-radius:50%;width:12px;height:12px;transition:all .3s}.laptop-progress-dot.active{background:#00d4ff;transform:scale(1.4);box-shadow:0 0 20px #00d4ffb3}.laptop-progress-dot.completed{background:#22c55e;box-shadow:0 0 15px #22c55e99}.laptop-progress-line{background:#ffffff26;border-radius:2px;flex:1;height:3px;margin:0 .75rem;transition:background .3s}.laptop-progress-line.completed{background:linear-gradient(90deg,#22c55e,#00d4ff)}.laptop-icon-wrapper{border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;transition:all .4s;display:flex}.laptop-icon-wrapper.gradient{background:linear-gradient(135deg,#ff0080d9,#cc0066d9);box-shadow:0 10px 30px #ff00804d,0 0 20px #ff008026}.laptop-icon-wrapper.gradient:hover{transform:scale(1.1)rotate(-5deg);box-shadow:0 15px 40px #ff008066,0 0 35px #ff008040}.laptop-glass-icon{background:var(--card-solid);-webkit-backdrop-filter:blur(10px);border:2px solid #fff3;border-radius:20px;transition:all .5s}.laptop-glass-icon-hover:hover{background:#00d4ff26;border-color:#00d4ff80;transform:scale(1.1)rotate(-5deg);box-shadow:0 0 30px #00d4ff59}.laptop-result-card-wrapper{transition:transform .3s cubic-bezier(.23,1,.32,1)}.laptop-result-card-wrapper:hover{transform:scale(1.03)}.laptop-result-card{-webkit-backdrop-filter:blur(12px);background:#14142080;border:2px solid #ffffff1f;border-radius:24px;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.laptop-result-card:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;transition:none;position:absolute;top:0;left:-100%}.laptop-result-card:hover:before{animation:.8s forwards shine}.laptop-result-card:hover{border-color:#ff008080;box-shadow:0 25px 50px #0009,0 0 35px #ff008040}.laptop-spec-badge{color:#ffffffd9;font-size:.8rem;font-family:var(--font-mono);background:#00d4ff1a;border:1px solid #00d4ff40;border-radius:10px;padding:.5rem .75rem}.laptop-rank-badge{font-size:12px;font-weight:600;font-family:var(--font-body);border-radius:20px;align-items:center;gap:5px;padding:6px 12px;display:inline-flex}.laptop-rank-badge.gold{color:#fbbf24;background:linear-gradient(135deg,#fbbf2440,#f59e0b33);border:1px solid #fbbf2466;box-shadow:0 0 20px #fbbf2426}.laptop-rank-badge.silver{color:#d1d5db;background:#9ca3af33;border:1px solid #9ca3af59}.laptop-rank-badge.bronze{color:#fb923c;background:#fb923c33;border:1px solid #fb923c59}.laptop-stock-badge{font-size:12px;font-weight:500;font-family:var(--font-body);border-radius:20px;padding:6px 12px}.laptop-stock-badge.in-stock{color:#34d399;background:#10b98133;border:1px solid #10b98166}.laptop-stock-badge.limited{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b66}.laptop-stagger-children>*{opacity:0;animation:.4s ease-out forwards laptop-fade-in}.laptop-stagger-children>:first-child{animation-delay:0s}.laptop-stagger-children>:nth-child(2){animation-delay:80ms}.laptop-stagger-children>:nth-child(3){animation-delay:.16s}.laptop-stagger-children>:nth-child(4){animation-delay:.24s}.laptop-stagger-children>:nth-child(5){animation-delay:.32s}.laptop-stagger-children>:nth-child(6){animation-delay:.4s}.laptop-stagger-children>:nth-child(7){animation-delay:.48s}.laptop-stagger-children>:nth-child(8){animation-delay:.56s}.laptop-typing-dot{animation:1s infinite laptop-typing}.laptop-typing-dot:nth-child(2){animation-delay:.1s}.laptop-typing-dot:nth-child(3){animation-delay:.2s}.laptop-gradient-text{background:linear-gradient(135deg,#00d4ff,#ff0080);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.laptop-gradient-text-blue{background:linear-gradient(135deg,#00d4ff,#67e8f9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.laptop-glow-text{text-shadow:0 0 30px #00d4ff99,0 0 60px #00d4ff4d}.laptop-glow-text-magenta{text-shadow:0 0 30px #ff008099,0 0 60px #ff00804d}.laptop-glass-progress-track{background:#ffffff26;border:1px solid #ffffff1a;border-radius:9999px;overflow:hidden}.laptop-glass-progress-bar{background:linear-gradient(90deg,#00d4ff,#ff0080);border-radius:9999px;transition:width .5s;animation:2s ease-in-out infinite progress-pulse;box-shadow:0 0 20px #00d4ff80}.laptop-range-input{appearance:none;z-index:10;background:0 0}.laptop-range-input::-webkit-slider-thumb{appearance:none;cursor:grab;background:linear-gradient(135deg,#00d4ff,#09c);border:3px solid #fff;border-radius:50%;width:24px;height:24px;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 12px #00d4ff80,0 0 20px #00d4ff4d}.laptop-range-input::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 6px 20px #00d4ff99,0 0 30px #00d4ff66}.laptop-range-input::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(.95)}.laptop-range-input::-moz-range-thumb{cursor:grab;background:linear-gradient(135deg,#00d4ff,#09c);border:3px solid #fff;border-radius:50%;width:24px;height:24px;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 12px #00d4ff80,0 0 20px #00d4ff4d}.laptop-range-input::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 6px 20px #00d4ff99,0 0 30px #00d4ff66}.laptop-range-input::-moz-range-thumb:active{cursor:grabbing;transform:scale(.95)}.laptop-scrollbar::-webkit-scrollbar{width:8px;height:8px}.laptop-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.laptop-scrollbar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.laptop-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.laptop-filter-tag{background:var(--card-solid);-webkit-backdrop-filter:blur(10px);border:1px solid #00d4ff40;border-radius:12px;padding:.75rem 1rem}@media (max-width:768px){.laptop-blob{opacity:.3}.laptop-blob-1{width:340px;height:340px}.laptop-blob-2{width:320px;height:320px}.laptop-blob-3{width:290px;height:290px}.laptop-blob-4{width:260px;height:260px}.laptop-blob-5{width:240px;height:240px}.laptop-blob-6{width:90px;height:90px}.laptop-glass-card{border-radius:20px}.laptop-option-card{border-radius:16px;padding:1rem 1.25rem}.laptop-use-case-card{border-radius:20px;padding:1.25rem}.laptop-result-card{border-radius:20px}.laptop-btn-primary{border-radius:14px;padding:1rem 1.5rem}.laptop-icon-wrapper{border-radius:16px;width:56px;height:56px}}