:root{--bg-dark:#0a0a0f;--text-primary:#ffffff;--text-secondary:#a0a0b0;--accent-1:#6366f1;--accent-2:#a855f7;--glass-bg:rgba(255,255,255,0.03);--glass-border:rgba(255,255,255,0.08)}*{margin:0;padding:0;box-sizing:border-box}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #c4b5fd;outline-offset:4px}html{scroll-behavior:smooth}section{scroll-margin-top:96px}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.blob-bg{position:fixed;top:-10%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(99,102,241,.15) 0,rgba(10,10,15,0) 70%);z-index:-1;pointer-events:none}.blob-2{top:auto;bottom:-10%;left:auto;right:-10%;background:radial-gradient(circle,rgba(168,85,247,.15) 0,rgba(10,10,15,0) 70%)}h1,h2,h3{font-weight:800;letter-spacing:-.02em}.highlight{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-nav{position:fixed;top:0;width:100%;padding:1.2rem 2rem;background:rgba(10,10,15,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:1000;transition:all .3s ease}.glass-nav.scrolled{background:rgba(10,10,15,.85);padding:1rem 2rem;box-shadow:0 10px 30px rgba(0,0,0,.5)}nav{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:600;transition:color .3s ease;font-size:.95rem}.menu-toggle,.nav-links a:hover{color:var(--text-primary)}.menu-toggle{display:none;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid var(--glass-border);border-radius:12px;background:var(--glass-bg);cursor:pointer}.menu-toggle span{display:block;width:17px;height:2px;border-radius:2px;background:currentColor}.section{padding:120px 20px;max-width:1200px;margin:0 auto}.section-title{font-size:clamp(2.2rem,4vw,3.5rem);margin-bottom:1rem;text-align:left}.section-heading{max-width:680px;margin-bottom:3.5rem}.section-kicker{color:#a5b4fc;font-size:.8rem;font-weight:700;letter-spacing:.12em;margin-bottom:1rem;text-transform:uppercase}.section-lede{color:var(--text-secondary);font-size:1.05rem;max-width:580px}.hero{min-height:min(860px,92vh);display:flex;justify-content:center;padding:9rem 2rem 7rem}.hero,.hero-grid{align-items:center}.hero-grid{width:100%;max-width:1200px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(3rem,8vw,8rem)}.hero-content{z-index:1}.eyebrow{color:#a5b4fc;font-size:.9rem;font-weight:700;letter-spacing:.12em;margin-bottom:1.25rem;text-transform:uppercase}.hero-content h1{font-size:clamp(3.5rem,8vw,6rem);margin-bottom:1.5rem;line-height:1.1;max-width:720px}.subtitle{font-size:clamp(1.2rem,3vw,1.5rem);margin-bottom:3rem;max-width:600px}.hero-proof,.subtitle{color:var(--text-secondary)}.hero-proof{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:3.5rem;font-size:.9rem}.hero-proof span{padding-left:1rem;border-left:1px solid var(--glass-border)}.hero-proof strong{display:block;color:var(--text-primary);font-size:1.2rem;line-height:1.2}.hero-panel{position:relative;padding:2rem;min-height:390px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,rgba(99,102,241,.16),rgba(255,255,255,.025) 55%,rgba(168,85,247,.12));overflow:hidden}.hero-panel:before{content:"";position:absolute;width:220px;height:220px;top:-70px;right:-60px;border:1px solid rgba(165,180,252,.24);border-radius:50%;box-shadow:0 0 0 24px rgba(165,180,252,.04),0 0 0 48px rgba(165,180,252,.025)}.hero-panel h2,.hero-panel-copy,.hero-panel-index,.hero-panel-line,.hero-panel-tags,.hero-panel-top{position:relative;z-index:1}.hero-panel-top{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.6rem;color:#c4b5fd;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.status-dot{width:8px;height:8px;border-radius:50%;background:#86efac;box-shadow:0 0 0 5px rgba(134,239,172,.12)}.hero-panel-line{width:100%;height:1px;margin-bottom:1.5rem;background:var(--glass-border)}.hero-panel-index{color:var(--text-secondary);font-size:.8rem;margin-bottom:1rem}.hero-panel h2{max-width:390px;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.08;margin-bottom:1rem}.hero-panel-copy{max-width:390px;color:var(--text-secondary);line-height:1.7}.hero-panel-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.hero-panel-tags span{padding:.45rem .7rem;border:1px solid var(--glass-border);border-radius:999px;color:#c4b5fd;font-size:.75rem;font-weight:600}.cta-group{display:flex;gap:1.5rem;justify-content:flex-start}.btn{padding:.8rem 2rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer;font-size:.95rem;border:none;display:inline-flex;align-items:center;justify-content:center;text-align:center}.btn span{margin-left:.45rem}.btn-primary{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:white;box-shadow:0 4px 15px rgba(99,102,241,.3)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(99,102,241,.5)}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:rgba(255,255,255,.1);transform:translateY(-3px);border-color:rgba(255,255,255,.2)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--accent-1);padding:.7rem 1.2rem}.button-group{display:flex;gap:.8rem;flex-wrap:wrap}.button-group .btn{flex:1 1;min-width:140px;white-space:nowrap}.btn-outline:hover{background:rgba(99,102,241,.1);transform:translateY(-2px)}.tech-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:800px;margin:0 auto}.tech-card{background:var(--glass-bg);border:1px solid var(--glass-border);padding:1rem 2rem;border-radius:50px;font-weight:600;color:var(--text-secondary);transition:transform .3s ease,border-color .3s ease,color .3s ease}.tech-card:hover{transform:translateY(-5px);border-color:var(--accent-1);color:var(--text-primary)}.portfolio-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3rem}.portfolio-card{grid-column:span 6}.portfolio-card-featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr)}.portfolio-card-featured .card-image{height:100%;min-height:300px}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.2);box-shadow:0 20px 40px rgba(0,0,0,.4)}.card-image{height:250px;background-color:#1a1a24;background-size:cover;background-position:50%;position:relative;overflow:hidden}.card-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;align-items:flex-end;padding:1.5rem}.card-image-overlay span{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.5rem 1rem;border-radius:50px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.card-image-overlay span:first-child{color:#ddd6fe}.gym-tracker-img{background:linear-gradient(135deg,#1e293b,#3b82f6)}.bupot-img{background:linear-gradient(145deg,rgba(17,24,39,.9),rgba(55,48,163,.76) 48%,rgba(124,58,237,.7)),linear-gradient(120deg,#111827,#3730a3 55%,#7c3aed)}.project-2-img{background:linear-gradient(135deg,#0f172a,#10b981)}.tat-partners-img{background:linear-gradient(135deg,rgba(15,23,42,.36),rgba(0,77,153,.48)),url(/projects/tat/images/media__1773559242274.png);background-position:50%}.whatsapp-img{background:linear-gradient(135deg,rgba(8,13,24,.28),rgba(6,78,59,.58)),url(https://raw.githubusercontent.com/vianziro/Whatsapp-Dekstop/main/screenshots/app-dark.png);background-position:50%}.card-content{padding:2.5rem}.card-content h3{font-size:1.8rem;margin-bottom:.8rem}.project-number{color:#a5b4fc;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.card-content p{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.7}.card-content .project-meta{margin-top:-.8rem;margin-bottom:1.5rem;color:#c4b5fd;font-size:.85rem}.project-meta strong{color:var(--text-primary)}.tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.tags span{background:rgba(99,102,241,.1);color:#a5b4fc;padding:.4rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600}.contact-card{text-align:center;padding:5rem 3rem;max-width:800px;margin:0 auto;border-radius:30px}.contact-card p{font-size:1.3rem;color:var(--text-secondary);margin-bottom:3rem}.contact-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}footer{text-align:center;padding:3rem;color:var(--text-secondary);border-top:1px solid var(--glass-border);font-size:.95rem}@media (max-width:768px){.glass-nav{padding:1rem 1.25rem}.glass-nav.scrolled{padding:.85rem 1.25rem}.nav-links{display:none;position:absolute;top:calc(100% + .75rem);left:1.25rem;right:1.25rem;padding:.65rem;flex-direction:column;gap:.25rem;border:1px solid var(--glass-border);border-radius:16px;background:rgba(14,14,22,.96);box-shadow:0 18px 40px rgba(0,0,0,.35)}.nav-links.open{display:flex}.nav-links a{display:block;padding:.75rem .85rem;border-radius:10px}.nav-links a:hover{background:rgba(255,255,255,.06)}.menu-toggle{display:flex}.section{padding:80px 20px}.hero{min-height:auto;padding:8rem 1.25rem 5rem}.hero-grid{grid-template-columns:1fr;gap:3rem}.hero-content{text-align:left}.hero-panel{min-height:340px}.hero-panel-top{max-width:calc(100% - 4rem);line-height:1.35}.card-content{padding:1.5rem}.cta-group{flex-direction:column;width:100%;max-width:300px;margin:0}.hero-proof{margin-top:2.5rem}.eyebrow{font-size:.75rem;letter-spacing:.08em}.contact-actions{flex-direction:column;align-items:stretch;margin:0 auto;max-width:300px}.portfolio-grid{grid-template-columns:1fr;gap:2rem}.portfolio-card,.portfolio-card-featured{grid-column:auto}.portfolio-card-featured{display:block}.portfolio-card-featured .card-image{height:220px;min-height:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}