@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@300;400;500;600;700;800;900&display=swap");:root{--void-black:#050505;--glass-charcoal:#121212;--glass-charcoal-50:rgba(18,18,18,0.5);--crisp-white:#FFFFFF;--muted-silver:#A3A3A3;--terminal-green:#4ADE80;--electric-blue:#3B82F6;--iconic-gold:#EAB308;--apple-blue:var(--electric-blue);--apple-green:var(--terminal-green);--apple-yellow:var(--iconic-gold);--apple-indigo:var(--terminal-green);--apple-purple:var(--electric-blue);--apple-pink:var(--crisp-white);--apple-red:#EF4444;--apple-orange:var(--iconic-gold);--glass-white:rgba(255,255,255,0.05);--glass-white-strong:rgba(255,255,255,0.1);--glass-dark:rgba(18,18,18,0.6);--glass-darker:rgba(5,5,5,0.8);--text-primary:var(--crisp-white);--text-secondary:var(--muted-silver);--text-tertiary:#737373;--bg-gradient:linear-gradient(135deg,var(--void-black) 0%,var(--glass-charcoal) 100%);--bg-gradient-alt:linear-gradient(135deg,#000000,#1a1a1a);--bg-dark:var(--void-black);--bg-darker:#000000;--glass-background:rgba(18,18,18,0.4);--glass-border:rgba(255,255,255,0.08);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.5);--glass-blur:blur(20px);--shadow-sm:0 2px 8px rgba(0,0,0,0.1);--shadow-md:0 4px 16px rgba(0,0,0,0.15);--shadow-lg:0 8px 32px rgba(0,0,0,0.2);--shadow-xl:0 16px 48px rgba(0,0,0,0.25);--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Display,Segoe UI,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.apple-bg{position:fixed;background:#050505;z-index:-2}.apple-bg,.apple-bg:before{top:0;left:0;width:100%;height:100%}.apple-bg:before{content:"";position:absolute;background:radial-gradient(circle at 20% 20%,rgba(74,222,128,.08) 0,transparent 40%),radial-gradient(circle at 80% 80%,rgba(74,222,128,.05) 0,transparent 40%)}@keyframes gradient-shift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,20px) scale(1.1)}}.glass-card{background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:var(--space-lg);transition:all var(--transition-normal)}.glass-card:hover{background:var(--glass-white-strong);border-color:rgba(255,255,255,.25);transform:translateY(-2px);box-shadow:0 12px 40px rgba(31,38,135,.5)}.glass-button{position:relative;background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-full);padding:14px 32px;font-size:16px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);overflow:hidden;outline:none}.glass-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.glass-button:hover:before{left:100%}.glass-button:hover{background:var(--glass-white-strong);border-color:rgba(255,255,255,.3);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.glass-button:active{transform:translateY(0)}.glass-button-primary{background:linear-gradient(135deg,var(--apple-blue),var(--apple-indigo));border:none;color:white}.glass-button-primary:hover{background:linear-gradient(135deg,#0066CC,#4845B4);box-shadow:0 8px 24px rgba(0,122,255,.4)}.glass-input{width:100%;background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:16px 20px;font-size:16px;color:var(--text-primary);transition:all var(--transition-normal);outline:none}.glass-input:focus{background:var(--glass-white-strong);border-color:var(--apple-green);box-shadow:0 0 0 1px rgba(74,222,128,.2)}.glass-input::-moz-placeholder{color:var(--text-tertiary)}.glass-input::placeholder{color:var(--text-tertiary)}.selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.selection-card{position:relative;background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:2px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all var(--transition-normal);overflow:hidden}.selection-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(56,189,248,.1),rgba(139,92,246,.1));opacity:0;transition:opacity var(--transition-normal)}.selection-card:hover:before{opacity:1}.selection-card:hover{border-color:var(--apple-blue);transform:translateY(-4px) scale(1.02);box-shadow:0 16px 48px rgba(0,122,255,.3)}.selection-card.selected{border-color:var(--apple-blue);background:rgba(0,122,255,.1)}.selection-card.selected:after{content:"✓";position:absolute;top:12px;right:12px;width:28px;height:28px;background:var(--apple-blue);border-radius:50%;color:white;font-weight:700;font-size:16px}.card-icon,.selection-card.selected:after{display:flex;align-items:center;justify-content:center}.card-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--apple-blue),var(--apple-purple));border-radius:var(--radius-md);font-size:28px;box-shadow:var(--shadow-md)}.card-icon,.heading-xl{margin-bottom:var(--space-sm)}.heading-xl{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;background:linear-gradient(135deg,#fff,#a8a8a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.heading-lg{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:var(--space-sm)}.heading-md{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:1.3;margin-bottom:var(--space-xs)}.body-lg{font-size:18px;line-height:1.7}.body-lg,.body-md{color:var(--text-secondary)}.body-md{font-size:16px;line-height:1.6}.caption{font-size:14px;color:var(--text-tertiary);line-height:1.5}.glass-slider{width:100%;height:8px;background:var(--glass-background);border-radius:var(--radius-full);outline:none;-webkit-appearance:none;margin:var(--space-md) 0}.glass-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:linear-gradient(135deg,var(--apple-blue),var(--apple-purple));border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md);-webkit-transition:all var(--transition-fast);transition:all var(--transition-fast)}.glass-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 8px rgba(0,122,255,.2)}.glass-select{width:100%;background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);font-size:16px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;padding:16px 50px 16px 20px}.glass-select:hover{background:var(--glass-white-strong);border-color:rgba(255,255,255,.25)}.glass-select:focus{border-color:var(--apple-blue);box-shadow:0 0 0 4px rgba(0,122,255,.1)}.glass-badge{display:inline-block;background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-full);padding:6px 16px;font-size:14px;font-weight:600;color:var(--text-primary)}.glass-badge-blue{background:rgba(0,122,255,.2);border-color:var(--apple-blue);color:var(--apple-blue)}.glass-progress{width:100%;height:8px;background:var(--glass-background)}.glass-progress,.glass-progress-bar{border-radius:var(--radius-full);overflow:hidden;position:relative}.glass-progress-bar{height:100%;background:linear-gradient(90deg,var(--apple-blue),var(--apple-purple));transition:width var(--transition-slow)}.glass-progress-bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shine 2s infinite}@keyframes progress-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.apple-container{max-width:1200px;margin:0 auto;padding:var(--space-xl) var(--space-lg)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 3s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--glass-dark)}::-webkit-scrollbar-thumb{background:var(--glass-white);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--glass-white-strong)}@media (max-width:768px){.selection-grid{grid-template-columns:1fr}.apple-container{padding:var(--space-lg) var(--space-md)}}.glass-button:focus-visible,.glass-input:focus-visible,.glass-select:focus-visible,.selection-card:focus-visible{outline:2px solid var(--apple-blue);outline-offset:2px}