@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark: #070913;--bg-card: rgba(18, 22, 41, .65);--bg-card-hover: rgba(28, 35, 65, .85);--bg-glass: rgba(255, 255, 255, .04);--primary: #8b5cf6;--primary-light: #a78bfa;--primary-glow: rgba(139, 92, 246, .4);--secondary: #3b82f6;--secondary-light: #60a5fa;--secondary-glow: rgba(59, 130, 246, .4);--accent-cyan: #06b6d4;--accent-pink: #ec4899;--accent-green: #10b981;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--border-glass: rgba(255, 255, 255, .12);--border-glass-bright: rgba(255, 255, 255, .25);--border-glow: rgba(139, 92, 246, .5);--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-code: "Fira Code", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.16, 1, .3, 1);--transition-normal: .35s cubic-bezier(.16, 1, .3, 1);--transition-slow: .6s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;color-scheme:dark}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden;position:relative;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ambient-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 20%,#171033,#090c1e,#03050c)}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.45;animation:orbFloat 20s infinite alternate ease-in-out;pointer-events:none}.orb-1{top:-10%;left:15%;width:550px;height:550px;background:radial-gradient(circle,#7c3aed,#7c3aed00 70%)}.orb-2{top:35%;right:-5%;width:600px;height:600px;background:radial-gradient(circle,#2563eb,#2563eb00 70%);animation-delay:-7s}.orb-3{bottom:10%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#0284c7,#0284c700 70%);animation-delay:-14s}@keyframes orbFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(60px,-40px) scale(1.15)}to{transform:translate(-40px,50px) scale(.95)}}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;mask-image:radial-gradient(circle at 50% 30%,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(circle at 50% 30%,black 30%,transparent 80%)}.cursor-glow{position:fixed;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,rgba(59,130,246,.05) 40%,transparent 70%);pointer-events:none;transform:translate(-50%,-50%);z-index:99;transition:transform .08s ease-out,opacity .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.02em;line-height:1.15}.text-gradient{background:linear-gradient(135deg,#fff,#c084fc,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.text-gradient-purple{background:linear-gradient(135deg,#a78bfa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff1a;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.glass-panel:hover{border-color:var(--border-glass-bright);box-shadow:0 20px 40px -15px #8b5cf640,inset 0 1px #fff3}.glass-button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.85rem 1.8rem;font-family:var(--font-body);font-weight:600;font-size:.95rem;color:var(--text-main);background:#ffffff0f;border:1px solid var(--border-glass);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;text-decoration:none;white-space:nowrap;transition:all var(--transition-fast);position:relative;overflow:hidden}.glass-button:hover{background:#ffffff1f;border-color:var(--border-glass-bright);transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.btn-primary{background:linear-gradient(135deg,#7c3aed,#2563eb);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px var(--primary-glow)}.btn-primary:hover{background:linear-gradient(135deg,#8b5cf6,#3b82f6);box-shadow:0 8px 30px var(--primary-glow);transform:translateY(-2px) scale(1.02)}.btn-primary:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(60deg,transparent,rgba(255,255,255,.25),transparent);transform:rotate(30deg) translateY(-100%);transition:transform .8s ease}.btn-primary:hover:after{transform:rotate(30deg) translateY(100%)}.badge-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.825rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--primary-light);background:#8b5cf61f;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-full)}.badge-dot{width:8px;height:8px;background-color:var(--accent-green);border-radius:50%;box-shadow:0 0 10px var(--accent-green);animation:pulseGreen 2s infinite}@keyframes pulseGreen{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:100;padding:1.2rem 0;transition:all var(--transition-normal)}.navbar.scrolled{padding:.8rem 0;background:#070913d1;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-glass);box-shadow:0 10px 30px #00000080}.nav-container{display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-family:var(--font-heading);font-weight:800;font-size:1.35rem;color:var(--text-main);letter-spacing:-.03em}.logo-icon{width:38px;height:38px;border-radius:var(--radius-md);background:linear-gradient(135deg,#8b5cf6,#3b82f6);display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px var(--primary-glow)}.logo-icon svg{width:22px;height:22px;color:#fff}.nav-menu{display:flex;align-items:center;gap:2rem;list-style:none}.nav-link{color:var(--text-muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:color var(--transition-fast);position:relative;padding:.25rem 0}.nav-link:hover,.nav-link.active{color:var(--text-main)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);border-radius:2px;transition:width var(--transition-fast)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-actions{display:flex;align-items:center;gap:1rem}.mobile-toggle{display:none;background:transparent;border:none;color:var(--text-main);cursor:pointer;padding:.5rem}.hero-section{position:relative;padding-top:9rem;padding-bottom:5rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero-header{max-width:860px;margin:0 auto 3.5rem}.hero-title{font-size:clamp(2.5rem,5.5vw,4.2rem);font-weight:800;line-height:1.1;margin:1.2rem 0}.hero-subtitle{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--text-muted);max-width:680px;margin:0 auto 2.2rem;font-weight:400}.hero-buttons{display:flex;align-items:center;justify-content:center;gap:1.2rem;flex-wrap:wrap}.hero-stats-row{display:flex;align-items:center;justify-content:center;gap:2.5rem;margin-top:2.5rem;color:var(--text-dim);font-size:.875rem;font-weight:500}.stat-item{display:flex;align-items:center;gap:.5rem}.stat-item svg{color:var(--accent-green);width:16px;height:16px}.hero-visual-wrapper{position:relative;width:100%;max-width:1080px;margin:0 auto;perspective:1200px}.laptop-3d-wrapper{position:relative;width:100%;transform-style:preserve-3d;transition:transform .15s ease-out}.laptop-screen-frame{position:relative;width:88%;margin:0 auto;background:#0d111e;border-radius:18px 18px 4px 4px;border:12px solid #1e2538;border-bottom:14px solid #1a2030;box-shadow:0 25px 60px -10px #000c,0 0 50px #8b5cf640,inset 0 0 0 1px #ffffff1a;overflow:hidden}.laptop-camera{position:absolute;top:4px;left:50%;transform:translate(-50%);width:6px;height:6px;background:#090a0f;border-radius:50%;z-index:20;border:1px solid #2d3748}.laptop-screen-header{height:36px;background:#141928;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.mac-controls{display:flex;gap:7px}.mac-dot{width:11px;height:11px;border-radius:50%}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.screen-tab{display:flex;align-items:center;gap:.5rem;background:#0f1322;padding:.35rem .85rem;border-radius:6px 6px 0 0;font-family:var(--font-code);font-size:.75rem;color:var(--text-main);border-top:1px solid var(--primary-light)}.ai-status-badge{display:flex;align-items:center;gap:.4rem;font-size:.725rem;color:var(--accent-green);font-weight:600;background:#10b9811a;padding:.25rem .6rem;border-radius:var(--radius-full)}.laptop-screen-body{display:grid;grid-template-columns:1fr 1fr;height:390px;background:#0a0d18}.code-editor-pane{background:#0b0f1d;padding:1rem;font-family:var(--font-code);font-size:.78rem;line-height:1.7;overflow-y:auto;border-right:1px solid rgba(255,255,255,.08);text-align:left;color:#cbd5e1}.code-line{display:flex;gap:1rem}.line-num{color:#475569;-webkit-user-select:none;user-select:none;width:20px;text-align:right}.code-keyword{color:#c084fc;font-weight:600}.code-func{color:#60a5fa}.code-str{color:#34d399}.code-tag{color:#f472b6}.code-comment{color:#64748b;font-style:italic}.preview-pane{background:#111628;padding:1.2rem;display:flex;flex-direction:column;position:relative;overflow:hidden}.preview-browser-bar{background:#ffffff0d;border-radius:6px;padding:.3rem .75rem;font-size:.725rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem}.preview-content{flex:1;background:var(--bg-dark);border-radius:8px;border:1px solid var(--border-glass);padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.demo-view{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;opacity:0;transform:scale(.95);transition:opacity .4s ease,transform .4s ease;position:absolute;top:0;left:0;padding:1rem}.demo-view.active{opacity:1;transform:scale(1)}.laptop-prompt-bar{background:#141929;border-top:1px solid rgba(255,255,255,.08);padding:.75rem 1.2rem;display:flex;align-items:center;gap:.75rem}.prompt-icon{color:var(--primary-light);display:flex}.prompt-input-sim{flex:1;font-family:var(--font-code);font-size:.825rem;color:var(--text-main);text-align:left;white-space:nowrap;overflow:hidden}.typing-cursor{display:inline-block;width:2px;height:1.1em;background-color:var(--primary-light);margin-left:2px;animation:blink .8s infinite;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.prompt-chips{display:flex;gap:.4rem}.prompt-chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-size:.7rem;padding:.2rem .5rem;border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}.prompt-chip:hover,.prompt-chip.active{background:var(--primary);color:#fff;border-color:var(--primary-light)}.laptop-keyboard-base{position:relative;width:100%;height:24px;background:linear-gradient(180deg,#272f45,#171c2b);border-radius:0 0 16px 16px;box-shadow:0 15px 35px #000000b3,0 2px #3a4563 inset;display:flex;justify-content:center}.laptop-notch{width:100px;height:6px;background:#111522;border-radius:0 0 8px 8px}.floating-tools-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.tool-float-card{position:absolute;pointer-events:auto;display:flex;align-items:center;gap:.75rem;padding:.65rem 1.1rem;background:#0f1424d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);box-shadow:0 10px 25px #0006,0 0 15px #8b5cf626;transition:all var(--transition-normal);animation:toolFloat 6s ease-in-out infinite alternate}.tool-float-card:hover{transform:translateY(-6px) scale(1.05)!important;border-color:var(--primary-light);box-shadow:0 15px 35px #8b5cf659;z-index:30}.tool-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff}.tool-info{text-align:left}.tool-name{font-size:.85rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:.3rem}.tool-name svg{color:var(--accent-green);width:13px;height:13px}.tool-desc{font-size:.7rem;color:var(--text-muted)}.card-google{top:5%;left:-6%;animation-delay:0s}.card-supabase{top:40%;left:-9%;animation-delay:-1.5s}.card-firebase{bottom:12%;left:-4%;animation-delay:-3s}.card-github{top:5%;right:-6%;animation-delay:-1s}.card-vercel{top:40%;right:-9%;animation-delay:-2.5s}.card-domain{bottom:12%;right:-4%;animation-delay:-4s}@keyframes toolFloat{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(1deg)}to{transform:translateY(6px) rotate(-1deg)}}.section-padding{padding:6.5rem 0;position:relative}.section-title-block{text-align:center;max-width:700px;margin:0 auto 4rem}.section-subtitle{color:var(--primary-light);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.section-main-title{font-size:clamp(2rem,3.8vw,3rem);font-weight:800;margin-bottom:1rem}.section-description{color:var(--text-muted);font-size:1.05rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem}.feature-card{padding:2.2rem;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:opacity var(--transition-normal)}.feature-card:hover:before{opacity:1}.feature-icon-wrapper{width:56px;height:56px;border-radius:var(--radius-md);background:#8b5cf61f;border:1px solid rgba(139,92,246,.25);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--primary-light);transition:all var(--transition-normal)}.feature-card:hover .feature-icon-wrapper{background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;transform:scale(1.1) rotate(-3deg);box-shadow:0 0 20px var(--primary-glow)}.feature-title{font-size:1.35rem;font-weight:700;margin-bottom:.75rem}.feature-desc{color:var(--text-muted);font-size:.95rem;line-height:1.6}.feature-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:var(--accent-cyan);margin-top:1.5rem}.timeline-wrapper{position:relative;padding:3rem 0;margin-top:2rem}.timeline-line-bg{position:absolute;top:80px;left:5%;width:90%;height:4px;background:#ffffff14;border-radius:2px;z-index:1}.timeline-line-progress{position:absolute;top:80px;left:5%;width:0%;height:4px;background:linear-gradient(90deg,#8b5cf6,#3b82f6,#06b6d4);border-radius:2px;z-index:2;transition:width .5s ease-out;box-shadow:0 0 12px var(--primary)}.timeline-steps-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;position:relative;z-index:3}.timeline-step-card{text-align:center;cursor:pointer;transition:all var(--transition-normal)}.step-node{width:50px;height:50px;margin:0 auto 1.5rem;border-radius:50%;background:#111528;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:var(--text-muted);box-shadow:0 5px 15px #00000080;transition:all var(--transition-normal)}.timeline-step-card:hover .step-node,.timeline-step-card.active .step-node{background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;border-color:#fff;transform:scale(1.2);box-shadow:0 0 25px var(--primary-glow)}.step-title{font-size:1.05rem;font-weight:700;margin-bottom:.5rem;color:var(--text-main)}.step-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4}.showcase-filters{display:flex;justify-content:center;gap:.75rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{padding:.6rem 1.4rem;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-muted);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover,.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary-light);box-shadow:0 4px 15px var(--primary-glow)}.showcase-carousel-wrapper{position:relative;max-width:1000px;margin:0 auto}.showcase-slide-card{padding:2rem;background:#12172acc;border-radius:var(--radius-xl);border:1px solid var(--border-glass);display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;align-items:center}.showcase-mockup-frame{background:#090c17;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 20px 40px #0009;transform:perspective(1000px) rotateY(-5deg);transition:transform var(--transition-slow)}.showcase-mockup-frame:hover{transform:perspective(1000px) rotateY(0) scale(1.02)}.mockup-header{height:32px;background:#14192a;display:flex;align-items:center;padding:0 .8rem;gap:6px}.mockup-body{height:280px;padding:1.2rem;display:flex;flex-direction:column;gap:1rem;background:#0f1424}.mockup-ui-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.mockup-ui-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.ui-stat-box{background:#ffffff0a;padding:.75rem;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.ui-stat-val{font-size:1.1rem;font-weight:700;color:var(--primary-light)}.ui-stat-lbl{font-size:.65rem;color:var(--text-muted)}.showcase-info h3{font-size:1.8rem;font-weight:800;margin-bottom:1rem}.showcase-info p{color:var(--text-muted);font-size:1rem;margin-bottom:1.5rem}.showcase-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.showcase-tag{background:#ffffff0f;padding:.3rem .8rem;border-radius:var(--radius-full);font-size:.75rem;color:var(--secondary-light)}.carousel-controls{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.carousel-btn{width:44px;height:44px;border-radius:50%;background:#ffffff14;border:1px solid var(--border-glass);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.carousel-btn:hover{background:var(--primary);border-color:var(--primary-light);transform:scale(1.1)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.testi-card{padding:2.2rem;display:flex;flex-direction:column;justify-content:space-between}.testi-stars{color:#f59e0b;display:flex;gap:.25rem;margin-bottom:1.2rem}.testi-quote{font-size:1.05rem;font-style:italic;color:var(--text-main);line-height:1.6;margin-bottom:1.8rem}.testi-user{display:flex;align-items:center;gap:1rem}.testi-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#3b82f6);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;border:2px solid rgba(255,255,255,.2)}.testi-name{font-weight:700;font-size:.95rem}.testi-role{font-size:.8rem;color:var(--text-muted)}.footer{border-top:1px solid var(--border-glass);background:#04060ef2;padding:4.5rem 0 2rem;position:relative}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:3rem;margin-bottom:3.5rem}.footer-brand p{color:var(--text-muted);margin-top:1rem;max-width:320px;font-size:.95rem}.footer-heading{font-size:1rem;font-weight:700;margin-bottom:1.2rem;color:var(--text-main)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--primary-light)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06);color:var(--text-dim);font-size:.85rem}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#03050cd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-backdrop.active{opacity:1;pointer-events:auto}.modal-content{width:90%;max-width:520px;padding:2.5rem;transform:scale(.9) translateY(20px);transition:transform .3s cubic-bezier(.16,1,.3,1);position:relative}.modal-backdrop.active .modal-content{transform:scale(1) translateY(0)}.modal-close-btn{position:absolute;top:1.2rem;right:1.2rem;background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer}.modal-close-btn:hover{color:#fff}.form-group{margin-bottom:1.2rem;text-align:left}.form-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem;color:var(--text-muted)}.form-input{width:100%;padding:.8rem 1rem;background:#ffffff0d;border:1px solid var(--border-glass);border-radius:var(--radius-md);color:#fff;font-family:var(--font-body);font-size:.95rem;outline:none;transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--primary-light);box-shadow:0 0 10px var(--primary-glow)}@media(max-width:1024px){.hero-visual-wrapper{perspective:none}.card-google,.card-supabase,.card-firebase,.card-github,.card-vercel,.card-domain{position:relative;top:auto;left:auto;right:auto;bottom:auto;animation:none}.floating-tools-container{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;pointer-events:auto}.showcase-slide-card{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.timeline-steps-grid{grid-template-columns:repeat(3,1fr);gap:2rem}.timeline-line-bg,.timeline-line-progress{display:none}}@media(max-width:768px){.nav-menu{position:fixed;top:70px;left:0;width:100%;background:#070913f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:2rem;gap:1.5rem;border-bottom:1px solid var(--border-glass);transform:translateY(-150%);transition:transform var(--transition-normal)}.nav-menu.mobile-open{transform:translateY(0)}.mobile-toggle{display:block}.laptop-screen-body{grid-template-columns:1fr;height:auto}.code-editor-pane{height:180px}.preview-pane{height:220px}.floating-tools-container,.timeline-steps-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}