html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0a0e1a}::-webkit-scrollbar-thumb{background:#374151;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#4b5563}::selection{background:#6366f14d;color:#f9fafb}:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #8b5cf6;--accent: #ec4899;--success: #10b981;--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-tertiary: #1f2937;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--border: #374151;--shadow: rgba(0, 0, 0, .4);--shadow-lg: rgba(0, 0, 0, .6);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-accent: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #14b8a6 100%);--container-width: 1200px;--section-padding: 100px}.dark{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-tertiary: #1f2937;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--border: #374151;--shadow: rgba(0, 0, 0, .4);--shadow-lg: rgba(0, 0, 0, .6)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;transition:background .3s ease,color .3s ease;letter-spacing:-.01em;font-weight:400}.app{min-height:100vh;position:relative}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.hero{min-height:auto;padding-bottom:80px;display:flex;flex-direction:column;position:relative;overflow:hidden}.hero-background{position:absolute;inset:0;z-index:0;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:var(--gradient-primary);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:500px;height:500px;background:var(--gradient-accent);bottom:-150px;right:-150px;animation-delay:7s}.orb-3{width:400px;height:400px;background:var(--gradient-success);top:50%;right:10%;animation-delay:14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes pulse{0%,to{box-shadow:0 8px 32px var(--shadow-lg)}50%{box-shadow:0 8px 32px var(--shadow-lg),0 0 0 8px #6366f11a}}@keyframes glow{0%,to{filter:drop-shadow(0 0 4px var(--social-color))}50%{filter:drop-shadow(0 0 12px var(--social-color))}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:24px;position:relative;z-index:10;max-width:var(--container-width);margin:0 auto;width:100%}.logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--text-primary);cursor:pointer}.logo-icon{width:32px;height:32px;color:var(--primary)}.logo-image{width:40px;height:40px;object-fit:contain;border-radius:8px}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:48px 24px 80px;position:relative;z-index:1}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:50px;font-size:14px;font-weight:600;color:var(--primary);margin-bottom:32px;box-shadow:0 4px 12px var(--shadow)}.hero-title{font-size:clamp(48px,8vw,80px);font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.03em;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(18px,2vw,22px);color:var(--text-secondary);max-width:700px;margin-bottom:48px;line-height:1.7;font-weight:400;letter-spacing:-.01em}.notify-form{display:flex;gap:12px;width:100%;max-width:600px;margin-bottom:32px;flex-wrap:wrap;justify-content:center}.input-wrapper{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:20px;width:20px;height:20px;color:var(--text-tertiary);pointer-events:none}.input-wrapper input{width:100%;padding:16px 20px 16px 52px;border:2px solid var(--border);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);font-size:16px;outline:none;transition:all .3s ease}.input-wrapper input:focus{border-color:var(--primary);background:var(--bg-primary);box-shadow:0 0 0 4px #6366f11a}.cta-button{padding:16px 32px;background:var(--gradient-primary);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 20px #6366f166}.cta-button:hover:not(:disabled){box-shadow:0 8px 30px #6366f180;transform:translateY(-2px)}.cta-button:disabled{opacity:.8;cursor:not-allowed}.countdown-container{margin:48px 0 32px;width:100%;max-width:700px}.countdown-title{font-size:24px;font-weight:700;text-align:center;margin-bottom:24px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.countdown-timer{display:flex;justify-content:center;align-items:center;gap:16px;padding:32px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;box-shadow:0 8px 32px var(--shadow-lg);animation:pulse 3s ease-in-out infinite}.countdown-item{display:flex;flex-direction:column;align-items:center;min-width:80px}.countdown-value{font-size:48px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px;font-family:Inter,sans-serif;letter-spacing:-.03em;animation:pulse-text 2s ease-in-out infinite}@keyframes pulse-text{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.countdown-label{font-size:14px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.countdown-separator{font-size:36px;font-weight:700;color:var(--text-tertiary);margin:0 8px;padding-bottom:20px}.social-links{margin:32px 0;width:100%;max-width:700px}.social-title{font-size:20px;font-weight:700;text-align:center;margin-bottom:20px;color:var(--text-primary);letter-spacing:-.02em}.social-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.social-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;min-width:100px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:16px;text-decoration:none;color:var(--text-primary);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.social-button:before{content:"";position:absolute;inset:0;background:var(--social-color);opacity:0;transition:opacity .3s ease;z-index:0}.social-button:hover:before{opacity:.1}.social-button:hover{border-color:var(--social-color);box-shadow:0 8px 32px #0000004d;transform:translateY(-5px)}.social-button svg{position:relative;z-index:1;transition:all .3s ease}.social-button:hover svg{color:var(--social-color);filter:drop-shadow(0 0 8px var(--social-color))}.social-name{font-size:13px;font-weight:600;position:relative;z-index:1;letter-spacing:-.01em}.exam-tags{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:800px}.exam-tag{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text-secondary);font-weight:500;transition:all .3s ease}.exam-tag:hover{background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.stats-section{padding:80px 0;background:var(--bg-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}.stat-card{text-align:center;padding:32px;background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;transition:all .3s ease}.stat-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px var(--shadow-lg)}.stat-number{font-size:48px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{font-size:18px;color:var(--text-secondary);font-weight:500}.why-section{padding:var(--section-padding) 0}.section-header{text-align:center;margin-bottom:80px}.section-header h2{font-size:clamp(36px,5vw,56px);font-weight:800;margin-bottom:16px;letter-spacing:-.03em;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.section-header p{font-size:20px;color:var(--text-secondary);letter-spacing:-.01em;font-weight:400}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.feature-card{padding:40px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;transition:all .3s ease;cursor:pointer}.feature-card:hover{box-shadow:0 20px 60px var(--shadow-lg);border-color:var(--primary)}.feature-icon{width:64px;height:64px;background:var(--gradient-primary);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:24px}.feature-card h3{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--text-primary);letter-spacing:-.02em}.feature-card p{font-size:16px;color:var(--text-secondary);line-height:1.7;font-weight:400;letter-spacing:-.005em}.experience-section{padding:var(--section-padding) 0;background:var(--bg-secondary)}.experience-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:64px;align-items:center}.experience-text h2{font-size:clamp(32px,4vw,48px);font-weight:800;margin-bottom:8px;letter-spacing:-.02em}.experience-text p{font-size:20px;color:var(--text-secondary);margin-bottom:32px}.feature-list{list-style:none;display:flex;flex-direction:column;gap:16px}.feature-list li{display:flex;align-items:center;gap:12px;font-size:18px;color:var(--text-primary)}.check-icon{width:24px;height:24px;color:var(--success);flex-shrink:0}.experience-visual{position:relative}.mockup-screen{background:var(--bg-primary);border:2px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 30px 90px #6366f14d,0 0 0 1px #6366f11a;transition:all .3s ease}.mockup-screen:hover{box-shadow:0 35px 100px #6366f166,0 0 0 1px #6366f133;transform:translateY(-5px)}.mockup-header{padding:16px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border-bottom:1px solid var(--border);display:flex;align-items:center}.mockup-dots{display:flex;gap:8px}.mockup-dots span{width:12px;height:12px;border-radius:50%;background:var(--border)}.mockup-dots span:nth-child(1){background:#ef4444;box-shadow:0 0 10px #ef444480}.mockup-dots span:nth-child(2){background:#f59e0b;box-shadow:0 0 10px #f59e0b80}.mockup-dots span:nth-child(3){background:#10b981;box-shadow:0 0 10px #10b98180}.mockup-content{display:flex;height:400px;background:var(--bg-primary)}.mockup-sidebar{width:80px;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-right:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:12px}.mockup-item{width:100%;height:48px;background:var(--bg-tertiary);border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.mockup-item:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:#ffffff1a;border-radius:4px}.mockup-item.active{background:var(--gradient-primary);box-shadow:0 4px 20px #6366f166;animation:pulse-active 2s ease-in-out infinite}.mockup-item.active:before{background:#ffffff4d}@keyframes pulse-active{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mockup-main{flex:1;padding:24px;background:var(--bg-primary)}.mockup-video{width:100%;height:200px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);border-radius:12px;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 8px 32px #6366f14d}.mockup-video:before{content:"▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3);animation:pulse-play 2s ease-in-out infinite}.mockup-video:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes pulse-play{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mockup-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mockup-card{height:80px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border);border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.mockup-card:before{content:"";position:absolute;top:12px;left:12px;width:40px;height:8px;background:var(--primary);border-radius:4px;opacity:.6}.mockup-card:after{content:"";position:absolute;top:28px;left:12px;width:60%;height:6px;background:var(--text-tertiary);border-radius:3px;opacity:.3}.mockup-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6366f133;border-color:var(--primary)}.mockup-card:nth-child(1):before{background:#ef4444}.mockup-card:nth-child(2):before{background:#10b981}.mockup-card:nth-child(3):before{background:#f59e0b}.devices-section{padding:var(--section-padding) 0}.devices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.device-card{padding:48px 32px;text-align:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;transition:all .3s ease;cursor:pointer}.device-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px var(--shadow-lg);border-color:var(--primary)}.device-icon{width:64px;height:64px;margin:0 auto 24px;color:var(--primary)}.device-card h3{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.device-card p{font-size:16px;color:var(--text-secondary)}.final-cta{padding:var(--section-padding) 0;background:var(--bg-secondary)}.cta-content{max-width:700px;margin:0 auto;text-align:center;padding:80px 32px;background:var(--bg-primary);border:1px solid var(--border);border-radius:32px;box-shadow:0 25px 80px var(--shadow-lg)}.cta-icon{width:64px;height:64px;margin:0 auto 24px;color:var(--primary);filter:drop-shadow(0 4px 20px rgba(99,102,241,.4))}.cta-content h2{font-size:clamp(32px,4vw,48px);font-weight:800;margin-bottom:16px;letter-spacing:-.02em}.cta-content>p{font-size:20px;color:var(--text-secondary);margin-bottom:40px}.cta-form{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;justify-content:center}.cta-form input{flex:1;min-width:250px;padding:16px 24px;border:2px solid var(--border);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);font-size:16px;outline:none;transition:all .3s ease}.cta-form input:focus{border-color:var(--primary);background:var(--bg-primary);box-shadow:0 0 0 4px #6366f11a}.cta-form button{padding:16px 32px;background:var(--gradient-primary);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 20px #6366f166}.cta-form button:hover:not(:disabled){box-shadow:0 8px 30px #6366f180;transform:translateY(-2px)}.cta-note{font-size:16px;color:var(--text-tertiary)}.footer{padding:64px 0 32px;background:var(--bg-primary);border-top:1px solid var(--border)}.footer-content{text-align:center}.footer-brand{display:inline-flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.footer-logo{width:32px;height:32px;color:var(--primary)}.footer-logo-image{width:40px;height:40px;object-fit:contain;border-radius:8px}.footer-content>p{font-size:16px;color:var(--text-secondary);max-width:600px;margin:0 auto 24px;line-height:1.6}.footer-social{margin:32px 0}.footer-social h4{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.01em}.footer-social-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.footer-social-link{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;color:var(--text-primary);transition:all .3s ease;text-decoration:none}.footer-social-link:hover{background:var(--bg-tertiary);border-color:var(--social-color);color:var(--social-color);transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow-lg)}.footer-social-link svg{width:22px;height:22px}.footer-contact{margin:24px 0}.contact-info{font-size:15px;color:var(--text-secondary);margin:8px 0}.contact-info a{color:var(--primary);text-decoration:none;transition:all .3s ease;font-weight:500}.contact-info a:hover{color:var(--primary-dark);text-decoration:underline}.copyright{font-size:14px!important;color:var(--text-tertiary)!important;margin-top:32px!important}@media(max-width:768px){:root{--section-padding: 60px}.hero-title{font-size:40px}.hero-subtitle{font-size:18px}.countdown-timer{gap:8px;padding:20px 16px}.countdown-item{min-width:60px}.countdown-value{font-size:32px}.countdown-label{font-size:11px}.countdown-separator{font-size:24px;margin:0 4px;padding-bottom:12px}.countdown-title{font-size:20px}.social-buttons{gap:12px}.social-button{min-width:85px;padding:16px 12px}.social-name{font-size:12px}.notify-form,.cta-form{flex-direction:column}.input-wrapper{width:100%}.cta-button,.cta-form button{width:100%;justify-content:center}.experience-content{grid-template-columns:1fr;gap:48px}.mockup-content{height:300px}.section-header h2{font-size:32px}.features-grid,.devices-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.navbar{padding:16px}.logo{font-size:20px}.logo-icon{width:28px;height:28px}.logo-image,.footer-logo-image{width:32px;height:32px}.countdown-timer{gap:6px;padding:16px 12px}.countdown-item{min-width:50px}.countdown-value{font-size:28px}.countdown-label{font-size:10px}.countdown-separator{font-size:20px;margin:0 2px;padding-bottom:10px}.countdown-title{font-size:18px}.social-buttons{gap:10px}.social-button{min-width:75px;padding:14px 10px;gap:6px}.social-button svg{width:20px;height:20px}.social-name{font-size:11px}.social-title{font-size:18px}.exam-tags{gap:8px}.exam-tag{font-size:12px;padding:6px 12px}.stat-number{font-size:36px}.feature-card,.device-card{padding:32px 24px}.cta-content{padding:48px 24px}}