:root{--primary: #8b5cf6;--primary-glow: rgba(139, 92, 246, .5);--secondary: #d946ef;--background: #030712;--surface: rgba(17, 24, 39, .8);--text: #f9fafb;--text-muted: #9ca3af;--nav-bg: rgba(3, 7, 18, .7);--font-main: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background);color:var(--text);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:all .3s ease}ul{list-style:none}.glow-bg{position:absolute;top:-10%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);z-index:-1;filter:blur(60px)}.glass-nav{position:fixed;top:20px;left:50%;transform:translate(-50%);width:90%;max-width:1200px;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-nav.scrolled{top:0;width:100%;max-width:100%;border-radius:0;border-left:none;border-right:none;border-top:none;padding:10px 50px}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-1px}.logo span{background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glass-nav ul{display:flex;gap:30px;align-items:center}.glass-nav ul li a:hover{color:var(--primary)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));padding:14px 28px;border-radius:12px;font-weight:600;box-shadow:0 10px 20px var(--primary-glow)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px var(--primary-glow)}.btn-primary-small{background:linear-gradient(135deg,var(--primary),var(--secondary));padding:8px 18px;border-radius:10px;font-size:.9rem;font-weight:600}.btn-secondary{border:1px solid rgba(255,255,255,.2);padding:14px 28px;border-radius:12px;font-weight:600;background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 20px 60px;position:relative}.hero-content{max-width:800px}.hero h1{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;line-height:1.1;margin-bottom:20px}.hero h1 span{background:linear-gradient(90deg,#fff,var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.25rem;color:var(--text-muted);margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.hero-visual{margin-top:50px;position:relative;max-width:600px}.hero-img{width:100%;height:auto;border-radius:30px;-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%);mask-image:linear-gradient(to bottom,black 80%,transparent 100%)}.hero-btns{display:flex;gap:20px;justify-content:center}.glass{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.glass-hover{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.glass-hover:hover{background:#ffffff0f;border:1px solid var(--primary);transform:translateY(-5px)}.float-card{position:absolute;padding:15px 20px;border-radius:18px;display:flex;align-items:center;gap:12px;z-index:10;pointer-events:none;box-shadow:0 10px 30px #0000004d}.card-1{bottom:20%;left:-10%;animation:float 5s ease-in-out infinite}.card-2{top:15%;right:-12%;animation:float 7s ease-in-out infinite reverse;animation-delay:1s}.card-3{bottom:45%;right:-15%;animation:float 6s ease-in-out infinite;animation-delay:.5s}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-5px,-25px)}}.features{padding:100px 20px;max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;margin-bottom:60px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card{padding:40px;border-radius:24px}.feature-card .icon{font-size:2.5rem;margin-bottom:20px}.feature-card h3{font-size:1.5rem;margin-bottom:15px}.feature-card p{color:var(--text-muted)}.about{padding:100px 20px;background:linear-gradient(180deg,transparent,rgba(139,92,246,.05))}.about-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.check-list{margin-top:30px}.check-list li{display:flex;align-items:center;gap:10px;margin-bottom:12px}.check-list li:before{content:"✓";color:var(--primary);font-weight:700}.code-window{border-radius:12px;overflow:hidden}.window-header{background:#ffffff1a;padding:10px 15px;display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}pre{padding:20px;color:#a5b4fc;font-size:.9rem;overflow-x:auto}.contact{padding:100px 20px;display:flex;justify-content:center}.contact-container{max-width:800px;width:100%;padding:60px;border-radius:30px;text-align:center}.contact-header h2{font-size:2.5rem;margin-bottom:15px}.contact-header p{color:var(--text-muted);margin-bottom:40px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group textarea{width:100%;padding:15px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text);font-family:inherit;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);background:#ffffff14}.contact-form button{border:none;cursor:pointer;font-size:1.1rem;margin-top:10px}@media(max-width:768px){.contact-container{padding:40px 20px}}footer{padding:60px 20px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-logo{font-size:1.5rem;font-weight:800;margin-bottom:10px}footer p{color:var(--text-muted);font-size:.9rem}.animate-up{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.animate-fade-in{opacity:0;transition:opacity 1.5s ease}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}.visible{opacity:1!important;transform:translateY(0)!important}@media(max-width:768px){.about-container{grid-template-columns:1fr}.hero h1{font-size:3rem}.glass-nav ul{display:none}}.form-status{margin-top:20px;padding:15px;border-radius:10px;font-weight:600;transition:all .3s ease}.form-status.success{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.form-status.error{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}button:disabled{opacity:.6;cursor:not-allowed}