@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;600;700;800&display=swap";:root{--bg-color:#050505;--text-primary:#fff;--text-secondary:#fff9;--accent-purple:#814bfb;--accent-blue:#3db2ff;--accent-glow:#814bfb66;--glass-bg:#ffffff08;--glass-border:#ffffff1a;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--section-padding:100px 5%}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);cursor:none;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all .3s}ul{list-style:none}#cursor{background-color:var(--accent-purple);pointer-events:none;z-index:9999;mix-blend-mode:difference;border-radius:50%;width:20px;height:20px;transition:transform .1s;position:fixed}#cursor-follower{border:1px solid var(--accent-purple);pointer-events:none;z-index:9998;border-radius:50%;width:40px;height:40px;transition:transform .15s,background-color .3s;position:fixed}h1,h2,h3,h4{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.02em;font-weight:700;line-height:1.1}.gradient-text{background:linear-gradient(135deg, #fff 0%, var(--accent-purple) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}nav{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);background:0 0;justify-content:space-between;align-items:center;width:100%;padding:24px 5%;display:flex;position:fixed;top:0;left:0}.logo{font-size:1.2rem;font-weight:800;font-family:var(--font-heading);align-items:center;gap:12px;display:flex}.logo img{height:32px}nav .nav-links{gap:40px;display:flex}nav .nav-links a{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:.9rem;font-weight:500}nav .nav-links a:hover{color:var(--text-primary)}section{padding:var(--section-padding);flex-direction:column;justify-content:center;min-height:100vh;display:flex}#hero{text-align:center;position:relative;overflow:hidden}#hero .bg-glow{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);filter:blur(100px);z-index:-1;width:60vw;height:60vw;animation:10s infinite alternate pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%{opacity:.5;transform:translate(-50%,-50%)scale(.8)}to{opacity:.8;transform:translate(-50%,-50%)scale(1.2)}}#hero h1{margin-bottom:24px;font-size:clamp(3rem,10vw,8rem)}#hero p{color:var(--text-secondary);max-width:700px;margin:0 auto 40px;font-size:clamp(1rem,2vw,1.5rem)}.cta-group{justify-content:center;gap:20px;display:flex}.btn{text-transform:uppercase;letter-spacing:.1em;border-radius:4px;padding:16px 32px;font-size:.9rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.btn-primary{background-color:var(--accent-purple);color:#fff}.btn-primary:hover{color:#000;box-shadow:0 0 30px var(--accent-glow);background-color:#fff}.btn-secondary{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-secondary:hover{border-color:var(--accent-purple);background:#814bfb1a}#work{padding-top:50px}.section-head{margin-bottom:60px}.section-label{color:var(--accent-purple);letter-spacing:.2em;margin-bottom:16px;font-size:.8rem;display:block}.section-head h2{font-size:clamp(2rem,5vw,4rem)}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:32px;display:grid}.work-card{aspect-ratio:16/10;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;position:relative;overflow:hidden}.work-card img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.19,1,.22,1)}.work-card:hover img{transform:scale(1.1)}.work-overlay{opacity:0;background:linear-gradient(#0000 40%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:32px;transition:opacity .4s;display:flex;position:absolute;inset:0}.work-card:hover .work-overlay{opacity:1}.work-overlay h3{margin-bottom:8px;font-size:1.5rem}.work-overlay p{color:var(--text-secondary);font-size:.9rem}#about{background:linear-gradient(#050505,#0a0a0a)}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.about-text h2{margin-bottom:32px;font-size:clamp(2rem,4vw,3.5rem)}.about-text p{color:var(--text-secondary);margin-bottom:24px;font-size:1.1rem}.stats-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;display:grid}.stat-item h4{color:var(--accent-purple);margin-bottom:4px;font-size:2.5rem}.stat-item p{text-transform:uppercase;letter-spacing:.1em;font-size:.9rem}#contact{text-align:center;background:radial-gradient(circle at bottom, var(--accent-glow) 0%, #050505 50%)}#contact h2{margin-bottom:40px;font-size:clamp(2.5rem,6vw,5rem)}.contact-info{flex-direction:column;gap:16px;margin-top:60px;font-size:1.2rem;display:flex}.social-links{justify-content:center;gap:32px;margin-top:40px;display:flex}.social-links a:hover{color:var(--accent-purple);transform:translateY(-5px)}.reveal{opacity:0;transition:all .8s ease-out;transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}@media (width<=768px){.nav-links{display:none}.about-content{grid-template-columns:1fr;gap:40px}.portfolio-grid{grid-template-columns:1fr}.cta-group{flex-direction:column}}
