:root{--bg-primary:#111315;--bg-secondary:#1a1e21;--bg-card:#1a1e21;--bg-card-hover:#22272b;--bg-glass:#ffffff08;--bg-glass-strong:#ffffff0f;--accent:#14b8a6;--accent-light:#2dd4bf;--accent-hover:#2dd4bf;--accent-dark:#0d9488;--accent-glow:#14b8a659;--accent-glow-subtle:#14b8a626;--btn-accent:#ff7a66;--btn-accent-hover:#ff9382;--btn-accent-glow:#ff7a6666;--btn-accent-glow-subtle:#ff7a662e;--accent-secondary:#ff7a66;--text-primary:#f3f6f6;--text-secondary:#9ba7a7;--text-muted:#6c7a7a;--text-inverse:#111315;--border-subtle:#2b3235;--border-medium:#3a4347;--border-accent:#14b8a68c;--font-display:"Syne", sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Space Grotesk", ui-monospace, monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-luxe:0 20px 45px -15px #000000d9;--shadow-glow:0 0 35px var(--accent-glow);--transition-fast:.18s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.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{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;overflow-x:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}.noise-overlay{pointer-events:none;z-index:9998;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;inset:0}.container{width:100%;max-width:1320px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem)}.section{z-index:10;padding:clamp(5.5rem,10vw,9.5rem) 0;position:relative}a{color:inherit;transition:var(--transition-fast);text-decoration:none}button{cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;outline:none;font-family:inherit}img,svg{max-width:100%;display:block}.custom-cursor{pointer-events:none;z-index:99999;mix-blend-mode:difference;display:none;position:fixed;top:0;left:0}@media (pointer:fine){.custom-cursor{display:block}}.cursor-dot{background-color:var(--accent);border-radius:50%;width:8px;height:8px;transition:transform 80ms ease-out;position:absolute;transform:translate(-50%,-50%)}.cursor-ring{border:1.5px solid var(--accent);opacity:.65;border-radius:50%;width:36px;height:36px;transition:width .25s ease-out,height .25s ease-out,border-color .2s,opacity .2s;position:absolute;transform:translate(-50%,-50%)}.custom-cursor.active .cursor-ring{opacity:1;background-color:#14b8a626;border-color:#f3f6f6;width:58px;height:58px}.gradient-text{background:linear-gradient(135deg,#f3f6f6 15%,#9ba7a7 85%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.highlight-accent{color:var(--accent);display:inline-block;position:relative}.accent-text{color:var(--accent)}.accent-period{color:var(--btn-accent)}.pulse-dot{background-color:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:2s ease-in-out infinite pulseGlow;display:inline-block}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.btn{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;border-radius:var(--radius-full);transition:var(--transition-smooth);white-space:nowrap;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.6rem;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background-color:var(--btn-accent);color:#111315;box-shadow:0 4px 20px var(--btn-accent-glow-subtle);font-weight:700}.btn-primary:hover{background-color:var(--btn-accent-hover);color:#111315;box-shadow:0 8px 30px var(--btn-accent-glow);transform:translateY(-2px)}.btn-glass{background:var(--bg-glass-strong);color:var(--text-primary);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-glass:hover{border-color:var(--border-medium);background:#ffffff14;transform:translateY(-2px)}.btn-outline{border:1px solid var(--border-subtle);color:var(--text-primary);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-glow-subtle)}.btn-lg{padding:1.1rem 2.2rem;font-size:.98rem}.btn-sm{padding:.6rem 1.1rem;font-size:.82rem}.btn-block{width:100%}.btn-arrow{width:15px;height:15px;transition:transform var(--transition-fast)}.btn:hover .btn-arrow{transform:translate(2px,-2px)}.site-header{z-index:1000;width:100%;transition:padding var(--transition-smooth), background-color var(--transition-smooth), backdrop-filter var(--transition-smooth), border-color var(--transition-smooth);padding:1.25rem 0;position:fixed;top:0;left:0}.site-header.scrolled{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background-color:#111315e6;padding:.85rem 0}.nav-container{justify-content:space-between;align-items:center;max-width:1320px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem);display:flex}.brand-logo{align-items:center;gap:.75rem;display:flex}.logo-mark{color:#f3f6f6;width:34px;height:34px;transition:transform var(--transition-smooth);justify-content:center;align-items:center;display:flex}.brand-logo:hover .logo-mark{transform:rotate(-8deg)scale(1.08)}.brand-text{flex-direction:column;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:.05em;color:#f3f6f6;white-space:nowrap;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:800;line-height:1.1}.brand-sub{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-muted);text-transform:uppercase;font-size:.62rem}.desktop-nav{display:none}@media (width>=900px){.desktop-nav{display:block}}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-link{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.04em;padding:.3rem 0;font-size:.86rem;font-weight:500;position:relative}.nav-link:after{content:"";background-color:var(--accent);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:0;left:0}.nav-link:hover,.nav-link.active{color:#f3f6f6}.nav-link:hover:after,.nav-link.active:after{width:100%}.header-actions{align-items:center;gap:1rem;display:flex}.currency-toggle{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;padding:3px;display:inline-flex}.currency-btn{font-family:var(--font-mono);color:var(--text-muted);border-radius:var(--radius-full);transition:var(--transition-fast);padding:4px 10px;font-size:.75rem;font-weight:600}.currency-btn.active{background-color:var(--accent);color:#111315;font-weight:700}.btn-quote-header{display:none}@media (width>=680px){.btn-quote-header{padding:.65rem 1.25rem;font-size:.8rem;display:inline-flex}}.mobile-toggle{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-subtle);flex-direction:column;justify-content:center;gap:6px;width:38px;height:38px;padding:8px;display:flex}@media (width>=900px){.mobile-toggle{display:none}}.mobile-toggle .bar{width:100%;height:2px;transition:var(--transition-fast);background-color:#f3f6f6;display:block}.mobile-drawer{z-index:2000;pointer-events:none;visibility:hidden;transition:visibility var(--transition-smooth);position:fixed;inset:0}.mobile-drawer.open{pointer-events:auto;visibility:visible}.drawer-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity var(--transition-smooth);background:#111315d9;position:absolute;inset:0}.mobile-drawer.open .drawer-backdrop{opacity:1}.drawer-content{background-color:var(--bg-secondary);border-left:1px solid var(--border-subtle);width:85%;max-width:380px;transition:transform var(--transition-smooth);flex-direction:column;justify-content:space-between;padding:2rem;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.mobile-drawer.open .drawer-content{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.drawer-close{width:36px;height:36px;color:var(--text-secondary);border-radius:var(--radius-sm);background:var(--bg-glass);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.mobile-nav{flex-direction:column;gap:1.4rem;margin:2rem 0;display:flex}.mobile-nav-link{font-family:var(--font-display);color:var(--text-primary);transition:var(--transition-fast);font-size:1.4rem;font-weight:700}.mobile-nav-link:hover{color:var(--accent);transform:translate(8px)}.drawer-footer{border-top:1px solid var(--border-subtle);flex-direction:column;gap:1.2rem;padding-top:1.5rem;display:flex}.drawer-currency{justify-content:space-between;align-items:center;display:flex}.drawer-label{font-family:var(--font-mono);color:var(--text-muted);font-size:.85rem}.drawer-contact-info{color:var(--text-muted);flex-direction:column;gap:.3rem;font-size:.82rem;display:flex}.drawer-contact-info a{color:var(--accent)}.section-hero{align-items:center;min-height:100vh;padding-top:7rem;padding-bottom:4rem;display:flex;position:relative;overflow:hidden}.three-canvas-container{z-index:1;pointer-events:auto;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.three-canvas-container:active{cursor:grabbing}.three-canvas-container canvas{display:block;width:100%!important;height:100%!important}.fallback-hero-3d{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.fallback-glow-sphere{background:radial-gradient(circle, var(--accent) 0%, #ff7a6640 50%, transparent 70%);filter:blur(50px);border-radius:50%;width:380px;height:380px;animation:6s ease-in-out infinite floatFallback}@keyframes floatFallback{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.08)}}.hero-3d-controls{z-index:20;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:.6rem;padding:4px 6px 4px 10px;display:flex;position:absolute;top:6rem;right:clamp(1.25rem,4vw,3rem);box-shadow:0 8px 24px #0009}.controls-label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-muted);align-items:center;gap:6px;font-size:.68rem;font-weight:700;display:inline-flex}.mode-buttons{border-radius:var(--radius-full);background:#ffffff0a;align-items:center;gap:2px;padding:2px;display:flex}.mode-btn{font-family:var(--font-mono);color:var(--text-secondary);border-radius:var(--radius-full);padding:3px 9px;font-size:.72rem}.mode-btn.active{background-color:var(--accent);color:#111315;font-weight:700}.reset-view-btn{width:26px;height:26px;color:var(--text-muted);transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.reset-view-btn:hover{color:var(--accent);background:#ffffff14}.reset-view-btn svg{width:14px;height:14px}.hero-content{z-index:10;pointer-events:none;flex-direction:column;justify-content:center;gap:clamp(1.8rem,3.5vw,2.8rem);padding-top:1rem;display:flex;position:relative}.hero-content a,.hero-content button,.hero-content .status-pill{pointer-events:auto}.hero-badge-wrap{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.status-pill{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:.65rem;padding:.45rem 1rem;font-size:.78rem;display:inline-flex;box-shadow:0 4px 18px #0006}.status-indicator{background-color:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%}.studio-sub-badge{font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--bg-secondary);padding:.45rem .85rem;font-size:.72rem}.hero-headline-wrap{max-width:950px}.title-eyebrow{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;font-size:clamp(.9rem,1.6vw,1.15rem);font-weight:700;display:block}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:#f3f6f6;font-size:clamp(2.4rem,6.2vw,5.2rem);font-weight:800;line-height:1.05}.title-row{display:block}.hero-subtitle{color:var(--text-secondary);max-width:680px;margin-top:1.5rem;font-size:clamp(1.05rem,1.8vw,1.28rem);font-weight:400;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.2rem;display:flex}.btn-icon svg{width:18px;height:18px}.btn-scroll-indicator svg{width:16px;height:16px;animation:1.8s ease-in-out infinite bounceDown}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.hero-stats-strip{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:clamp(1rem,2.5vw,2.4rem);max-width:820px;padding-top:1.5rem;display:flex}.stat-item{flex-direction:column;gap:.15rem;display:flex}.stat-number{font-family:var(--font-display);color:#f3f6f6;letter-spacing:-.01em;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:800}.stat-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem}.stat-divider{background-color:var(--border-subtle);width:1px;height:32px;display:none}@media (width>=640px){.stat-divider{display:block}}.hero-drag-hint{z-index:20;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;background:var(--bg-secondary);border-radius:var(--radius-full);border:1px solid var(--border-subtle);pointer-events:none;align-items:center;gap:.5rem;padding:6px 14px;font-size:.72rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.hero-drag-hint svg{width:14px;height:14px;color:var(--accent)}.section-header{margin-bottom:clamp(3rem,6vw,4.5rem)}.section-tag{font-family:var(--font-mono);letter-spacing:.18em;color:var(--accent);align-items:center;gap:.6rem;margin-bottom:1rem;font-size:.75rem;font-weight:700;display:inline-flex}.tag-number{color:var(--btn-accent)}.header-split{flex-direction:column;gap:1.2rem;display:flex}@media (width>=860px){.header-split{flex-direction:row;justify-content:space-between;align-items:flex-end}}.section-title{font-family:var(--font-display);letter-spacing:-.02em;color:#f3f6f6;font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:800;line-height:1.1}.section-lead{color:var(--text-secondary);max-width:520px;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.6}.text-center{text-align:center}.center-tag{justify-content:center}.max-w-lead{max-width:620px}.mx-auto{margin-left:auto;margin-right:auto}.work-filter-bar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.filter-pills{flex-wrap:wrap;gap:.5rem;display:flex}.filter-pill{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);transition:var(--transition-fast);padding:.5rem 1.1rem;font-size:.8rem;font-weight:600}.filter-pill:hover,.filter-pill.active{color:#111315;background-color:var(--accent);border-color:var(--accent);font-weight:700}.work-legend{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:.5rem;font-size:.74rem;display:flex}.legend-dot{background-color:var(--btn-accent);border-radius:50%;width:6px;height:6px}.projects-grid{grid-template-columns:1fr;gap:clamp(1.5rem,2.5vw,2.2rem);display:grid}@media (width>=680px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1040px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);cursor:pointer;flex-direction:column;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .3s;display:flex;position:relative;overflow:hidden}.project-card:hover{box-shadow:0 22px 48px -12px #000000d9, 0 0 25px var(--accent-glow-subtle);border-color:#14b8a673;transform:translateY(-8px)}.project-card-visual{aspect-ratio:16/10;border-bottom:1px solid var(--border-subtle);background:#0d0f11;position:relative;overflow:hidden}.project-img-link{width:100%;height:100%;text-decoration:none;display:block;position:relative;overflow:hidden}.project-img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block}.project-card:hover .project-img{transform:scale(1.06)}.visit-website-overlay{-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;z-index:2;background:#11131594;justify-content:center;align-items:center;transition:opacity .35s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0}.project-card:hover .visit-website-overlay{opacity:1}.visit-website-badge{border-radius:var(--radius-full);background:var(--btn-accent);color:#111315;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;box-shadow:0 8px 24px var(--btn-accent-glow);align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.8rem;font-weight:700;transition:transform .35s cubic-bezier(.16,1,.3,1);display:inline-flex;transform:translateY(8px)}.project-card:hover .visit-website-badge{transform:translateY(0)}.visit-icon{width:14px;height:14px}.project-card-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);color:var(--accent);border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.05em;z-index:3;background:#111315eb;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;top:1rem;right:1rem}.project-card-body{flex-direction:column;flex:1;gap:.85rem;padding:1.5rem 1.6rem 1.6rem;display:flex}.project-card-title{font-family:var(--font-display);color:#f3f6f6;margin:0;font-size:1.35rem;font-weight:800;line-height:1.25}.project-card-desc{color:var(--text-secondary);flex:1;margin:0;font-size:.92rem;line-height:1.55}.project-card-tools{flex-wrap:wrap;gap:.4rem;padding-top:.25rem;display:flex}.tool-tag{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#ffffff08;padding:.25rem .65rem;font-size:.72rem}.project-card-footer{margin-top:auto;padding-top:.85rem}.btn-view-live{border-radius:var(--radius-md);background-color:var(--btn-accent);color:#111315;width:100%;box-shadow:0 4px 18px var(--btn-accent-glow-subtle);transition:var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.4rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-view-live:hover{background-color:var(--btn-accent-hover);color:#111315;box-shadow:0 8px 25px var(--btn-accent-glow);transform:translateY(-2px)}.more-work-cta{margin-top:clamp(3rem,5vw,4.5rem)}.more-work-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:linear-gradient(135deg,#22292e 0%,#1a1e21 100%);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:clamp(2rem,4vw,3rem);display:flex}@media (width>=800px){.more-work-card{flex-direction:row;align-items:center}}.more-work-text h3{font-family:var(--font-display);color:#f3f6f6;margin-bottom:.4rem;font-size:clamp(1.3rem,2vw,1.7rem);font-weight:800}.more-work-text p{color:var(--text-secondary);font-size:.95rem}.pricing-currency-container{flex-direction:column;align-items:center;gap:.75rem;margin-top:2rem;display:inline-flex}.currency-note{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem}.pricing-grid{grid-template-columns:1fr;align-items:stretch;gap:clamp(1.5rem,3vw,2.2rem);margin-top:clamp(2.5rem,5vw,4rem);display:grid}@media (width>=980px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:var(--transition-smooth);flex-direction:column;justify-content:space-between;padding:clamp(2rem,3vw,2.6rem);display:flex;position:relative}.pricing-card:hover{border-color:var(--border-medium);transform:translateY(-6px)}.pricing-card.popular{border:2px solid var(--accent);box-shadow:0 20px 50px -10px #000000d9, 0 0 45px var(--accent-glow);background:linear-gradient(#182a27 0%,#1a1e21 100%);transform:scale(1.02)}@media (width>=980px){.pricing-card.popular{transform:scale(1.04)}}.pricing-card.popular:hover{box-shadow:0 24px 60px -10px #000000e6, 0 0 55px var(--accent-glow);transform:scale(1.05)translateY(-6px)}.popular-badge{background-color:var(--accent);color:#111315;font-family:var(--font-mono);letter-spacing:.12em;border-radius:var(--radius-full);text-transform:uppercase;box-shadow:0 4px 15px var(--accent-glow);padding:.35rem 1rem;font-size:.72rem;font-weight:800;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.plan-header{margin-bottom:1.5rem}.plan-badge-tag{font-family:var(--font-mono);letter-spacing:.15em;color:var(--btn-accent);text-transform:uppercase;margin-bottom:.5rem;font-size:.72rem}.plan-name{font-family:var(--font-display);color:#f3f6f6;margin-bottom:.6rem;font-size:1.85rem;font-weight:800}.plan-price-wrap{align-items:baseline;gap:.5rem;margin:1.2rem 0 .8rem;display:flex}.plan-price{font-family:var(--font-display);color:#f3f6f6;letter-spacing:-.02em;font-size:clamp(2rem,3.2vw,2.7rem);font-weight:800}.pricing-card.popular .plan-price{color:var(--accent-light)}.plan-timeline{font-family:var(--font-mono);color:var(--text-muted);font-size:.78rem}.plan-summary{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);margin-top:.8rem;padding-bottom:1.2rem;font-size:.92rem;line-height:1.5}.plan-features{flex-direction:column;flex:1;gap:.85rem;margin:1.5rem 0 2rem;list-style:none;display:flex}.feature-item{color:var(--text-secondary);align-items:flex-start;gap:.75rem;font-size:.9rem;line-height:1.45;display:flex}.feature-check{width:18px;height:18px;color:var(--accent);background:#14b8a62e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.7rem;font-weight:700;display:flex}.pricing-card.popular .feature-check{background:var(--accent);color:#111315}.plan-action{margin-top:auto}.plan-guarantee-note{font-family:var(--font-mono);color:var(--text-muted);text-align:center;margin-top:.75rem;font-size:.72rem}.pricing-guarantee-bar{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-top:clamp(3rem,5vw,4.5rem);padding:clamp(1.5rem,3vw,2.5rem);display:flex}@media (width>=860px){.pricing-guarantee-bar{flex-direction:row;align-items:center}}.guarantee-box{align-items:center;gap:1.2rem;display:flex}.guarantee-icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--accent);background:#14b8a62e;flex-shrink:0;justify-content:center;align-items:center;display:flex}.guarantee-icon svg{width:24px;height:24px}.guarantee-copy h4{font-family:var(--font-display);color:#f3f6f6;margin-bottom:.2rem;font-size:1.15rem;font-weight:700}.guarantee-copy p{color:var(--text-secondary);font-size:.88rem}.guarantee-actions{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}@media (width>=860px){.guarantee-actions{align-items:flex-end}}.guarantee-question{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.process-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=720px){.process-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.process-grid{grid-template-columns:repeat(4,1fr)}}.process-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:var(--transition-smooth);flex-direction:column;gap:1.2rem;padding:clamp(1.8rem,2.5vw,2.4rem);display:flex;position:relative}.process-card:hover{border-color:var(--accent);box-shadow:0 16px 36px -10px #000000bf, 0 0 25px var(--accent-glow-subtle);transform:translateY(-6px)}.process-card-top{justify-content:space-between;align-items:center;display:flex}.process-step-num{font-family:var(--font-display);color:var(--accent);font-size:2.2rem;font-weight:800;line-height:1}.process-duration-pill{font-family:var(--font-mono);color:var(--btn-accent);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.25rem .65rem;font-size:.7rem;font-weight:600}.process-card-title{font-family:var(--font-display);color:#f3f6f6;font-size:1.3rem;font-weight:800;line-height:1.25}.process-card-summary{color:var(--text-secondary);font-size:.9rem;line-height:1.55}.process-card-details{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.5rem;margin-top:auto;padding-top:1rem;list-style:none;display:flex}.process-card-details li{color:var(--text-muted);padding-left:1.1rem;font-size:.8rem;position:relative}.process-card-details li:before{content:"→";color:var(--accent);position:absolute;left:0}.about-grid{grid-template-columns:1fr;gap:clamp(2rem,4vw,3.5rem);display:grid}@media (width>=960px){.about-grid{grid-template-columns:1.15fr .85fr}}.about-bio-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;gap:1.8rem;padding:clamp(2rem,4vw,3rem);display:flex}.founder-badge{align-items:center;gap:1rem;display:flex}.founder-avatar-icon{border:1px solid var(--accent);width:48px;height:48px;color:var(--accent);background:#14b8a62e;border-radius:50%;justify-content:center;align-items:center;display:flex}.founder-avatar-icon svg{width:22px;height:22px}.founder-info{flex-direction:column;display:flex}.founder-title{font-family:var(--font-mono);letter-spacing:.15em;color:var(--btn-accent);font-size:.72rem}.founder-name{font-family:var(--font-display);color:#f3f6f6;font-size:1.15rem;font-weight:700}.about-tagline{font-family:var(--font-display);color:#f3f6f6;font-size:clamp(1.25rem,2vw,1.6rem);font-weight:700;line-height:1.35}.about-paragraphs{color:var(--text-secondary);flex-direction:column;gap:1rem;font-size:.98rem;line-height:1.65;display:flex}.studio-pillars{border-top:1px solid var(--border-subtle);grid-template-columns:1fr;gap:1rem;padding-top:1.5rem;display:grid}@media (width>=600px){.studio-pillars{grid-template-columns:repeat(3,1fr)}}.pillar-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff05;gap:.75rem;padding:1rem;display:flex}.pillar-icon{font-size:1.3rem}.pillar-text{flex-direction:column;gap:.2rem;display:flex}.pillar-text strong{color:#f3f6f6;font-size:.9rem}.pillar-text span{color:var(--text-muted);font-size:.78rem;line-height:1.3}.about-skills-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;gap:1.5rem;padding:clamp(2rem,4vw,3rem);display:flex}.skills-card-title{font-family:var(--font-display);color:#f3f6f6;font-size:1.45rem;font-weight:800}.skills-card-sub{color:var(--text-secondary);font-size:.9rem}.skills-category-group{flex-direction:column;gap:1.25rem;display:flex}.skill-category-block{flex-direction:column;gap:.5rem;display:flex}.skill-cat-title{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);text-transform:uppercase;font-size:.75rem;font-weight:700}.skill-pill-wrap{flex-wrap:wrap;gap:.45rem;display:flex}.skill-chip{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.35rem .75rem;font-size:.78rem}.studio-metrics-matrix{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:auto;padding-top:1.5rem;display:grid}.metric-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff05;flex-direction:column;padding:1rem;display:flex}.metric-val{font-family:var(--font-display);color:var(--accent);font-size:1.8rem;font-weight:800}.metric-lbl{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem}.contact-grid{grid-template-columns:1fr;gap:clamp(2rem,4vw,3.5rem);display:grid}@media (width>=960px){.contact-grid{grid-template-columns:.85fr 1.15fr}}.contact-channels-card{flex-direction:column;gap:2rem;display:flex}.channel-group{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;gap:1.25rem;padding:clamp(2rem,3.5vw,2.6rem);display:flex}.channel-eyebrow{font-family:var(--font-mono);letter-spacing:.15em;color:var(--btn-accent);font-size:.72rem}.channel-heading{font-family:var(--font-display);color:#f3f6f6;font-size:1.6rem;font-weight:800}.channel-desc{color:var(--text-secondary);font-size:.92rem}.btn-whatsapp{border:1px solid var(--accent);border-radius:var(--radius-lg);color:#f3f6f6;transition:var(--transition-smooth);background:#152220;align-items:center;gap:1rem;padding:1rem 1.4rem;display:flex}.btn-whatsapp:hover{border-color:var(--accent-hover);box-shadow:0 10px 25px var(--accent-glow);background:#1b2c29;transform:translateY(-2px)}.whatsapp-icon-wrap{background:var(--accent);color:#111315;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.whatsapp-icon-wrap svg{width:24px;height:24px}.whatsapp-copy{flex-direction:column;flex:1;display:flex}.whatsapp-label{color:#f3f6f6;font-size:.95rem;font-weight:700}.whatsapp-phone{font-family:var(--font-mono);color:var(--accent-light);font-size:.78rem}.whatsapp-status{font-family:var(--font-mono);color:var(--accent-light);align-items:center;gap:6px;font-size:.7rem;display:inline-flex}.direct-email-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#ffffff05;justify-content:space-between;align-items:center;padding:1rem 1.4rem;display:flex}.email-info{flex-direction:column;gap:.2rem;display:flex}.email-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);font-size:.68rem}.email-address{font-family:var(--font-mono);color:#f3f6f6;font-size:.95rem;font-weight:600}.email-address:hover{color:var(--accent)}.btn-copy-email{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);background:#ffffff0a;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.75rem;display:inline-flex}.btn-copy-email:hover{background:var(--accent);color:#111315}.btn-copy-email svg{width:14px;height:14px}.studio-availability-notice{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.notice-header{justify-content:space-between;align-items:center;display:flex}.notice-badge{font-family:var(--font-mono);color:var(--btn-accent);letter-spacing:.1em;font-size:.72rem;font-weight:700}.notice-time{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.studio-availability-notice p{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.contact-form-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:clamp(2rem,4vw,3rem);position:relative}.project-inquiry-form{flex-direction:column;gap:1.5rem;display:flex}.form-row{grid-template-columns:1fr;gap:1.2rem;display:grid}@media (width>=600px){.form-row{grid-template-columns:repeat(2,1fr)}}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:.02em;font-size:.8rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:#f3f6f6;width:100%;font-family:var(--font-body);transition:var(--transition-fast);background:#111315;padding:.85rem 1.1rem;font-size:.95rem}.form-group select option{background-color:var(--bg-secondary);color:#f3f6f6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow-subtle);background:#15181b;outline:none}.form-error{font-family:var(--font-mono);color:#ff5f56;font-size:.72rem;display:none}.form-group.has-error input,.form-group.has-error textarea{border-color:#ff5f56}.form-group.has-error .form-error{display:block}.plan-selector-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}@media (width>=640px){.plan-selector-grid{grid-template-columns:repeat(4,1fr)}}.plan-radio-label{cursor:pointer}.plan-radio-label input{display:none}.plan-pill-content{border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition-fast);background:#111315;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.7rem .5rem;display:flex}.plan-pill-content strong{color:#f3f6f6;font-size:.85rem}.plan-price-tag{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem}.plan-radio-label input:checked+.plan-pill-content{border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow-subtle);background:#14b8a62e}.plan-radio-label input:checked+.plan-pill-content strong{color:var(--accent-light)}.form-submit-wrap{flex-direction:column;gap:.8rem;margin-top:.5rem;display:flex}.btn-submit-inquiry{padding:1.1rem}.form-privacy-note{font-family:var(--font-mono);color:var(--text-muted);text-align:center;font-size:.72rem}.form-success-banner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;padding:3rem 1.5rem;display:none}.form-success-banner.active{display:flex}.success-icon{background:var(--btn-accent);color:#111315;width:64px;height:64px;box-shadow:0 0 30px var(--btn-accent-glow);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.form-success-banner h4{font-family:var(--font-display);color:#f3f6f6;font-size:1.7rem;font-weight:800}.form-success-banner p{color:var(--text-secondary);max-width:440px;font-size:.95rem}.faq-subsection{margin-top:clamp(4rem,7vw,6rem)}.faq-title{font-family:var(--font-display);color:#f3f6f6;margin-bottom:2.5rem;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800}.faq-grid{grid-template-columns:1fr;gap:1rem;max-width:860px;margin:0 auto;display:grid}.faq-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:var(--transition-fast);overflow:hidden}.faq-question{text-align:left;width:100%;font-family:var(--font-display);color:#f3f6f6;justify-content:space-between;align-items:center;padding:1.3rem 1.6rem;font-size:1.05rem;font-weight:700;display:flex}.faq-chevron{color:var(--accent);transition:transform var(--transition-fast);font-size:1.2rem}.faq-item.open .faq-chevron{transform:rotate(45deg)}.faq-answer{color:var(--text-secondary);padding:0 1.6rem 1.4rem;font-size:.92rem;line-height:1.6;display:none}.faq-item.open .faq-answer{display:block}.project-modal{z-index:9999;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.project-modal.open{display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111315e0;position:absolute;inset:0}.modal-dialog{z-index:10;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:880px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 25px 60px #000000e6}.modal-close{background:var(--bg-glass-strong);color:#f3f6f6;z-index:20;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-body{padding:clamp(1.8rem,4vw,3rem)}.modal-visual-preview{aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);margin-bottom:2rem;overflow:hidden}.modal-project-title{font-family:var(--font-display);color:#f3f6f6;margin-bottom:.5rem;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800}.modal-project-meta{font-family:var(--font-mono);color:var(--btn-accent);flex-wrap:wrap;gap:1.2rem;margin-bottom:1.5rem;font-size:.82rem;display:flex}.modal-full-desc{color:var(--text-secondary);margin-bottom:2rem;font-size:1.05rem;line-height:1.65}.modal-metrics-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}@media (width>=600px){.modal-metrics-grid{grid-template-columns:repeat(4,1fr)}}.modal-metric-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center;background:#ffffff05;padding:1rem}.modal-metric-card strong{font-family:var(--font-display);color:var(--accent);font-size:1.6rem;font-weight:800;display:block}.modal-metric-card span{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem}.modal-quote-box{border-left:3px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#ffffff05;margin-bottom:2rem;padding:1.2rem 1.5rem}.modal-quote-box p{color:#f3f6f6;margin-bottom:.5rem;font-size:.95rem;font-style:italic}.modal-quote-box span{font-family:var(--font-mono);color:var(--btn-accent);font-size:.78rem}.toast-container{z-index:10000;flex-direction:column;gap:.6rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{border:1px solid var(--accent);color:#f3f6f6;border-radius:var(--radius-md);font-family:var(--font-mono);box-shadow:0 10px 30px #000c, 0 0 20px var(--accent-glow-subtle);background:#1a1e21;align-items:center;gap:.6rem;padding:.85rem 1.4rem;font-size:.85rem;animation:.3s cubic-bezier(.16,1,.3,1) slideToast;display:flex}@keyframes slideToast{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.site-footer{border-top:1px solid var(--border-subtle);z-index:10;background-color:#0e1012;padding:clamp(4rem,8vw,6rem) 0 2.5rem;position:relative}.footer-top{grid-template-columns:1fr;gap:clamp(2.5rem,5vw,4.5rem);display:grid}@media (width>=900px){.footer-top{grid-template-columns:1.2fr 2fr}}.footer-brand{flex-direction:column;gap:1.2rem;display:flex}.footer-bio{color:var(--text-muted);max-width:440px;font-size:.92rem;line-height:1.6}.footer-status-pill{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-self:flex-start;align-items:center;gap:.6rem;padding:.35rem .85rem;font-size:.75rem;display:inline-flex}.footer-links-group{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}@media (width>=600px){.footer-links-group{grid-template-columns:repeat(3,1fr)}}.footer-col{flex-direction:column;gap:1rem;display:flex}.col-title{font-family:var(--font-mono);letter-spacing:.12em;color:#f3f6f6;text-transform:uppercase;font-size:.78rem;font-weight:700}.footer-col ul{flex-direction:column;gap:.65rem;list-style:none;display:flex}.footer-col a{color:var(--text-muted);font-size:.88rem}.footer-col a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:clamp(3rem,5vw,4.5rem);padding-top:2rem;display:flex}.footer-copyright{font-family:var(--font-mono);color:var(--text-muted);font-size:.78rem}.btn-back-to-top{font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.78rem;display:inline-flex}.btn-back-to-top:hover{color:var(--accent)}.btn-back-to-top svg{width:14px;height:14px}.auth-header-wrap{align-items:center;display:flex;position:relative}.btn-auth-trigger{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;transition:var(--transition-fast);background:#ffffff0a;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.78rem;font-weight:600;display:inline-flex}.btn-auth-trigger:hover{border-color:var(--accent);color:var(--accent);background:#14b8a61f}.btn-auth-trigger .auth-icon{width:14px;height:14px}.user-logged-wrap{align-items:center;gap:.6rem;display:inline-flex}.user-pill{border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-subtle);font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.75rem;display:inline-flex}.user-avatar-circle{background:var(--accent);color:#111315;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.68rem;font-weight:700;display:flex}.role-tag{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.role-tag.owner{color:var(--accent);background:#14b8a633;border:1px solid #14b8a666}.role-tag.visitor{color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff0f}.btn-edit-site{border-radius:var(--radius-full);background:var(--btn-accent);color:#111315;font-family:var(--font-mono);cursor:pointer;box-shadow:0 4px 15px var(--btn-accent-glow-subtle);transition:var(--transition-fast);border:none;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.78rem;font-weight:700;display:inline-flex}.btn-edit-site:hover{background:var(--btn-accent-hover);box-shadow:0 6px 20px var(--btn-accent-glow);transform:translateY(-1px)}.btn-auth-logout{border:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);background:0 0;padding:.35rem .65rem;font-size:.72rem}.btn-auth-logout:hover{color:#ff7a66;background:#ff7a6614;border-color:#ff7a66}.drawer-auth-wrap{border-bottom:1px solid var(--border-subtle);margin-bottom:1.25rem;padding:1.25rem 0}.mobile-user-logged{flex-direction:column;gap:.75rem;display:flex}.auth-modal,.admin-modal{z-index:1000;opacity:0;pointer-events:none;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.auth-modal.open,.admin-modal.open{opacity:1;pointer-events:auto}.auth-modal .modal-backdrop,.admin-modal .modal-backdrop{-webkit-backdrop-filter:blur(12px);background:#080a0cd1;position:absolute;inset:0}.auth-modal-dialog{border:1px solid var(--border-medium);border-radius:var(--radius-xl);z-index:2;background:#14181b;width:100%;max-width:460px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:translateY(12px)scale(.98);box-shadow:0 30px 60px #000000d9,0 0 40px #14b8a61f}.auth-modal.open .auth-modal-dialog{transform:translateY(0)scale(1)}.auth-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;padding:1.6rem 1.8rem 1.2rem;display:flex}.auth-eyebrow{font-family:var(--font-mono);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.25rem;font-size:.7rem;display:block}.auth-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.35rem}.auth-modal-body{max-height:calc(85vh - 80px);padding:1.6rem 1.8rem 2rem;overflow-y:auto}.auth-tabs{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0e1012;grid-template-columns:1fr 1fr;margin-bottom:1.4rem;padding:.25rem;display:grid}.auth-tab{color:var(--text-muted);font-family:var(--font-mono);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:.6rem 0;font-size:.82rem;font-weight:600}.auth-tab.active{color:var(--text-primary);background:#1a1e21;box-shadow:0 2px 8px #0006}.auth-alert{border-radius:var(--radius-sm);margin-bottom:1.2rem;padding:.75rem 1rem;font-size:.84rem;line-height:1.4}.auth-alert.error{color:#ffa192;background:#ff7a661f;border:1px solid #ff7a6666}.auth-alert.success{color:#4fe1cf;background:#14b8a61f;border:1px solid #14b8a666}.auth-form{flex-direction:column;gap:1.1rem;display:flex}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .field-icon{width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;left:1rem}.input-with-icon input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition-fast);background:#0e1012;padding:.85rem 2.8rem .85rem 2.7rem;font-size:.92rem}.input-with-icon input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #14b8a62e}.btn-toggle-pw{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.4rem;font-size:1rem;position:absolute;right:.8rem}.field-hint{color:var(--text-muted);font-size:.74rem;font-family:var(--font-mono);margin-top:.3rem;display:block}.admin-modal-dialog{border:1px solid var(--border-medium);border-radius:var(--radius-xl);z-index:2;background:#14181b;flex-direction:column;width:100%;max-width:960px;max-height:90vh;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:translateY(12px)scale(.98);box-shadow:0 30px 80px #000000e6,0 0 50px #ff7a661f}.admin-modal.open .admin-modal-dialog{transform:translateY(0)scale(1)}.admin-header{border-bottom:1px solid var(--border-subtle);background:#111417;justify-content:space-between;align-items:flex-start;padding:1.6rem 2rem 1.2rem;display:flex}.admin-badge{font-family:var(--font-mono);color:var(--btn-accent);letter-spacing:.1em;margin-bottom:.3rem;font-size:.72rem;font-weight:700;display:block}.admin-heading{font-family:var(--font-display);color:#f3f6f6;margin:0 0 .35rem;font-size:1.55rem}.admin-user-pill{font-family:var(--font-mono);color:var(--accent);font-size:.75rem}.admin-nav-tabs{border-bottom:1px solid var(--border-subtle);background:#0e1012;padding:0 1.5rem;display:flex;overflow-x:auto}.admin-nav-tab{color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;transition:var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:1rem 1.25rem;font-size:.84rem;font-weight:600;display:flex}.admin-nav-tab:hover{color:var(--text-primary)}.admin-nav-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-count{border-radius:var(--radius-full);background:#ffffff14;padding:.15rem .45rem;font-size:.7rem}.admin-body{flex:1;padding:1.8rem 2rem;overflow-y:auto}.admin-panel{display:none}.admin-panel.active{display:block}.panel-header-actions{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.panel-title{font-family:var(--font-display);color:#f3f6f6;margin:0 0 .25rem;font-size:1.25rem}.panel-subtitle{color:var(--text-secondary);margin:0;font-size:.85rem}.admin-editor-card{border-radius:var(--radius-lg);background:#181d20;border:1px solid #14b8a659;margin-bottom:1.8rem;padding:1.4rem;box-shadow:0 12px 30px #00000080}.editor-card-header{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.editor-card-header h4{font-family:var(--font-display);color:var(--accent);margin:0;font-size:1.1rem}.btn-text-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.85rem}.admin-form-grid{grid-template-columns:1fr 1fr;gap:1.1rem;display:grid}.form-col-span-2{grid-column:span 2}.admin-form-grid label{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;margin-bottom:.4rem;font-size:.74rem;display:block}.admin-form-grid input,.admin-form-grid textarea{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#0e1012;padding:.75rem .95rem;font-size:.88rem}.admin-form-grid input:focus,.admin-form-grid textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #14b8a626}.admin-form-grid .form-actions{gap:.8rem;padding-top:.5rem;display:flex}.admin-projects-list{flex-direction:column;gap:.9rem;display:flex}.admin-project-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition-fast);background:#181d20;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.admin-project-item:hover{border-color:var(--border-medium);background:#1c2226}.admin-proj-info{flex:1;align-items:center;gap:1rem;display:flex}.admin-proj-thumb{border-radius:var(--radius-sm);object-fit:cover;background:#0e1012;width:60px;height:40px}.admin-proj-details h4{color:#f3f6f6;margin:0 0 .2rem;font-size:.96rem}.admin-proj-details p{color:var(--text-secondary);margin:0;font-size:.8rem}.admin-proj-actions{gap:.5rem;display:flex}.btn-item-action{border-radius:var(--radius-sm);font-family:var(--font-mono);cursor:pointer;border:1px solid var(--border-subtle);color:var(--text-primary);transition:var(--transition-fast);background:#ffffff0a;padding:.4rem .75rem;font-size:.74rem}.btn-item-action.edit:hover{border-color:var(--accent);color:var(--accent);background:#14b8a626}.btn-item-action.delete:hover{color:#ff7a66;background:#ff7a6626;border-color:#ff7a66}.plan-selector-bar{gap:.6rem;margin-bottom:1.5rem;display:flex}.plan-select-pill{border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;transition:var(--transition-fast);background:#0e1012;padding:.55rem 1rem;font-size:.78rem}.plan-select-pill.active{background:var(--bg-card);border-color:var(--accent);color:var(--accent);font-weight:700}.security-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#181d20;margin-bottom:1.5rem;padding:1.5rem}.sec-header{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.sec-header h4{font-family:var(--font-display);color:#f3f6f6;margin:0;font-size:1.15rem}.sec-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.sec-list li{color:var(--text-secondary);padding-left:1.4rem;font-size:.85rem;line-height:1.5;position:relative}.sec-list li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}.sql-box-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#0e1012;overflow:hidden}.sql-box-header{border-bottom:1px solid var(--border-subtle);font-family:var(--font-mono);color:var(--text-muted);background:#14181b;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;font-size:.76rem;display:flex}.btn-copy-sql{background:var(--accent);color:#111315;border-radius:var(--radius-sm);font-family:var(--font-mono);cursor:pointer;border:none;padding:.35rem .75rem;font-size:.72rem;font-weight:700}.sql-snippet-code{font-family:var(--font-mono);color:#a0b2c6;margin:0;padding:1.25rem;font-size:.8rem;overflow-x:auto}@media (width<=680px){.admin-form-grid{grid-template-columns:1fr}.form-col-span-2{grid-column:span 1}.admin-modal{padding:.5rem}.admin-modal-dialog{max-height:96vh}.admin-header,.admin-body{padding:1.2rem}}