body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-secondary:#ec4899;--color-accent:#14b8a6;--color-bg:#0a0a0f;--color-bg-secondary:#13131a;--color-bg-tertiary:#1a1a24;--color-text:#e5e7eb;--color-text-secondary:#9ca3af;--color-border:#2a2a35;--gradient-primary:linear-gradient(135deg,#6366f1,#ec4899);--gradient-secondary:linear-gradient(135deg,#14b8a6,#6366f1);--gradient-orb-1:radial-gradient(circle,#6366f14d 0%,#0000 70%);--gradient-orb-2:radial-gradient(circle,#ec48994d 0%,#0000 70%);--gradient-orb-3:radial-gradient(circle,#14b8a64d 0%,#0000 70%);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Playfair Display",Georgia,serif;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-2xl:64px;--spacing-3xl:96px;--transition-fast:0.2s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 16px #0003;--shadow-lg:0 8px 32px #0000004d;--shadow-glow:0 0 40px #6366f14d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0f;background-color:var(--color-bg);color:#e5e7eb;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);line-height:1.6}.cursor-dot,.cursor-outline{border-radius:50%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease,transform .15s ease;z-index:10000}.cursor-dot{background:linear-gradient(135deg,#6366f1,#ec4899);background:var(--gradient-primary);height:8px;width:8px}.cursor-dot,.cursor-outline{transform:translate(-50%,-50%)}.cursor-outline{border:2px solid #6366f1;border:2px solid var(--color-primary);height:40px;transition:width .3s ease,height .3s ease,opacity .3s ease;width:40px}body:hover .cursor-dot,body:hover .cursor-outline{opacity:1}.nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0fcc;border-bottom:1px solid #2a2a35;border-bottom:1px solid var(--color-border);left:0;padding:24px 0;padding:var(--spacing-md) 0;position:fixed;top:0;transition:all .3s ease;transition:all var(--transition-base);width:100%;z-index:1000}.nav.scrolled{background:#0a0a0ff2;box-shadow:0 4px 16px #0003;box-shadow:var(--shadow-md);padding:16px 0;padding:var(--spacing-sm) 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 32px;padding:0 var(--spacing-lg)}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800;text-decoration:none;transition:transform .3s ease;transition:transform var(--transition-base)}.logo:hover{transform:scale(1.05)}.nav-menu{display:flex;gap:32px;gap:var(--spacing-lg);list-style:none}.nav-link{color:#e5e7eb;color:var(--color-text);font-size:15px;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease;transition:color var(--transition-base)}.nav-link:after{background:linear-gradient(135deg,#6366f1,#ec4899);background:var(--gradient-primary);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;transition:width var(--transition-base);width:0}.nav-link:hover{color:#6366f1;color:var(--color-primary)}.nav-link:hover:after{width:100%}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:6px;padding:8px}.menu-toggle span{background:#e5e7eb;background:var(--color-text);height:2px;transition:all .3s ease;transition:all var(--transition-base);width:28px}.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:96px 32px;padding:var(--spacing-3xl) var(--spacing-lg);position:relative}.hero-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.gradient-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);position:absolute}.orb-1{animation-delay:0s;background:radial-gradient(circle,#6366f14d 0,#0000 70%);background:var(--gradient-orb-1);height:600px;left:-200px;top:-200px;width:600px}.orb-2{animation-delay:7s;background:radial-gradient(circle,#ec48994d 0,#0000 70%);background:var(--gradient-orb-2);bottom:-150px;height:500px;right:-150px;width:500px}.orb-3{animation-delay:14s;background:radial-gradient(circle,#14b8a64d 0,#0000 70%);background:var(--gradient-orb-3);height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-50px,50px) scale(.9)}}.hero-content{max-width:1200px;position:relative;width:100%;z-index:1}.hero-text{text-align:center}.hero-greeting{animation:fadeInUp .8s ease forwards;color:#9ca3af;color:var(--color-text-secondary);font-size:18px;font-weight:500;margin-bottom:16px;margin-bottom:var(--spacing-sm);opacity:0}.hero-title{font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:clamp(48px,8vw,96px);font-weight:900;line-height:1.1;margin-bottom:24px;margin-bottom:var(--spacing-md)}.title-line{animation:fadeInUp .8s ease forwards;display:block;opacity:0}.title-line:first-child{-webkit-text-fill-color:#0000;animation-delay:.2s;background:linear-gradient(135deg,#6366f1,#ec4899);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.title-line:nth-child(2){animation-delay:.4s;color:#e5e7eb;color:var(--color-text)}.title-line:nth-child(3){-webkit-text-fill-color:#0000;animation-delay:.6s;background:linear-gradient(135deg,#14b8a6,#6366f1);background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text}.hero-description{animation:fadeInUp .8s ease .8s forwards;color:#9ca3af;color:var(--color-text-secondary);font-size:18px;margin:0 auto 48px;margin:0 auto var(--spacing-xl);max-width:600px;opacity:0}.hero-cta{animation:fadeInUp .8s ease 1s forwards;display:flex;flex-wrap:wrap;gap:24px;gap:var(--spacing-md);justify-content:center;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator{animation:fadeIn 1s ease 1.5s forwards;bottom:15px;left:50%;opacity:0;position:absolute;text-align:center;transform:translateX(-50%);transition:transform .3s ease;transition:transform var(--transition-base)}.scroll-indicator:hover{transform:translateX(-50%) scale(1.1)}.scroll-indicator:hover .mouse{border-color:#6366f1;border-color:var(--color-primary)}.scroll-indicator:hover .wheel{background:#6366f1;background:var(--color-primary)}.scroll-indicator:hover p{color:#6366f1;color:var(--color-primary)}.mouse{border:2px solid #9ca3af;border:2px solid var(--color-text-secondary);border-radius:20px;height:40px;margin:0 auto 8px;margin:0 auto var(--spacing-xs);position:relative;transition:border-color .3s ease;transition:border-color var(--transition-base);width:26px}.wheel{animation:scroll 2s ease-in-out infinite;background:#9ca3af;background:var(--color-text-secondary);border-radius:2px;height:8px;left:50%;position:absolute;top:8px;transform:translateX(-50%);transition:background .3s ease;transition:background var(--transition-base);width:4px}@keyframes scroll{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(16px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scroll-indicator p{color:#9ca3af;color:var(--color-text-secondary);font-size:12px;letter-spacing:2px;text-transform:uppercase;transition:color .3s ease;transition:color var(--transition-base)}.btn{border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-block;font-size:16px;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;text-decoration:none;transition:all .3s ease;transition:all var(--transition-base)}.btn:before{background:#ffffff1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{background:linear-gradient(135deg,#6366f1,#ec4899);background:var(--gradient-primary);box-shadow:0 4px 20px #6366f166;color:#fff}.btn-primary:hover{box-shadow:0 8px 30px #6366f199;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #6366f1;border:2px solid var(--color-primary);color:#e5e7eb;color:var(--color-text)}.btn-secondary:hover{background:#6366f1;background:var(--color-primary);transform:translateY(-2px)}.btn-full{width:100%}.container{margin:0 auto;max-width:1400px;padding:0 32px;padding:0 var(--spacing-lg)}section{padding:96px 0;padding:var(--spacing-3xl) 0;position:relative}.section-header{margin-bottom:64px;margin-bottom:var(--spacing-2xl)}.section-number{color:#6366f1;color:var(--color-primary);display:block;font-size:14px;font-weight:700;letter-spacing:2px;margin-bottom:16px;margin-bottom:var(--spacing-sm)}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:clamp(36px,5vw,64px);font-weight:900}.about{background:#13131a;background:var(--color-bg-secondary)}.about-content{grid-gap:64px;grid-gap:var(--spacing-2xl);align-items:center;display:grid;gap:64px;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}.about-image,.image-wrapper{position:relative}.image-wrapper{aspect-ratio:4/5;border-radius:24px;border-radius:var(--radius-xl);overflow:hidden;width:100%}@supports not (aspect-ratio:4/5){.image-wrapper{height:0;padding-bottom:125%}}.image-wrapper img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:2}.image-wrapper:before{background:linear-gradient(135deg,#6366f1,#ec4899);background:var(--gradient-primary);border-radius:24px;border-radius:var(--radius-xl);content:"";inset:0;position:absolute;z-index:-1}.image-placeholder{align-items:center;background:linear-gradient(135deg,#1a1a24,#13131a);background:linear-gradient(135deg,var(--color-bg-tertiary) 0,var(--color-bg-secondary) 100%);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.image-placeholder:after{background:radial-gradient(circle,#6366f14d 0,#0000 70%);background:var(--gradient-orb-1);border-radius:50%;content:"";filter:blur(60px);height:200px;position:absolute;width:200px}.about-subtitle{color:#e5e7eb;color:var(--color-text);font-size:28px;font-weight:700;line-height:1.3}.about-description,.about-subtitle{margin-bottom:24px;margin-bottom:var(--spacing-md)}.about-description{color:#9ca3af;color:var(--color-text-secondary);font-size:16px;line-height:1.8}.about-stats{grid-gap:32px;grid-gap:var(--spacing-lg);display:grid;gap:32px;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);margin-top:48px;margin-top:var(--spacing-xl)}.stat-item{background:#1a1a24;background:var(--color-bg-tertiary);border:1px solid #2a2a35;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);padding:24px;padding:var(--spacing-md);text-align:center;transition:all .3s ease;transition:all var(--transition-base)}.stat-item:hover{border-color:#6366f1;border-color:var(--color-primary);box-shadow:0 0 40px #6366f14d;box-shadow:var(--shadow-glow);transform:translateY(-4px)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:block;font-size:48px;font-weight:900;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.stat-number:after{content:"+"}.stat-label{color:#9ca3af;color:var(--color-text-secondary);display:block;font-size:14px;letter-spacing:1px;text-transform:uppercase}.work-grid{grid-gap:48px;grid-gap:var(--spacing-xl);display:grid;gap:48px;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.project-card{background:#13131a;background:var(--color-bg-secondary);border:1px solid #2a2a35;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;transition:all var(--transition-base)}.project-card:hover{border-color:#6366f1;border-color:var(--color-primary);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.project-image{aspect-ratio:16/10;overflow:hidden;position:relative}.project-image-wrapper{height:100%;transition:transform .5s ease;transition:transform var(--transition-slow);width:100%}.project-card:hover .project-image-wrapper{transform:scale(1.05)}.project-placeholder{background:linear-gradient(135deg,#1a1a24,#0a0a0f);background:linear-gradient(135deg,var(--color-bg-tertiary) 0,var(--color-bg) 100%);height:100%;position:relative;width:100%}.project-1{background:linear-gradient(135deg,#667eea,#764ba2)}.project-2{background:linear-gradient(135deg,#f093fb,#f5576c)}.project-3{background:linear-gradient(135deg,#4facfe,#00f2fe)}.project-4{background:linear-gradient(135deg,#43e97b,#38f9d7)}.project-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;transition:opacity var(--transition-base);width:100%}.project-card:hover .project-overlay{opacity:1}.project-link{border:2px solid #fff;border-radius:8px;border-radius:var(--radius-sm);color:#fff;font-size:18px;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease;transition:all var(--transition-base)}.project-link:hover{background:#fff;color:#0a0a0f;color:var(--color-bg)}.project-info{padding:32px;padding:var(--spacing-lg)}.project-meta{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-sm)}.project-category{color:#6366f1;color:var(--color-primary);font-weight:600}.project-year{color:#9ca3af;color:var(--color-text-secondary)}.project-title{color:#e5e7eb;color:var(--color-text);font-size:24px;font-weight:700;margin-bottom:16px;margin-bottom:var(--spacing-sm)}.project-description{color:#9ca3af;color:var(--color-text-secondary);line-height:1.6;margin-bottom:24px;margin-bottom:var(--spacing-md)}.project-tags{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-xs)}.tag{background:#1a1a24;background:var(--color-bg-tertiary);border:1px solid #2a2a35;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-sm);color:#9ca3af;color:var(--color-text-secondary);font-size:12px;padding:6px 12px;transition:all .3s ease;transition:all var(--transition-base)}.tag:hover{border-color:#6366f1;border-color:var(--color-primary);color:#6366f1;color:var(--color-primary)}.skills{background:#13131a;background:var(--color-bg-secondary)}.skills-content{grid-gap:64px;grid-gap:var(--spacing-2xl);display:grid;gap:64px;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}.skills-grid{grid-gap:32px;grid-gap:var(--spacing-lg);display:grid;gap:32px;gap:var(--spacing-lg);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-category{background:#1a1a24;background:var(--color-bg-tertiary);border:1px solid #2a2a35;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);padding:48px;padding:var(--spacing-xl);transition:all .3s ease;transition:all var(--transition-base)}.skill-category:hover{border-color:#6366f1;border-color:var(--color-primary);box-shadow:0 0 40px #6366f14d;box-shadow:var(--shadow-glow);transform:translateY(-4px)}.skill-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#ec4899);background:var(--gradient-primary);border-radius:12px;border-radius:var(--radius-md);display:flex;height:60px;justify-content:center;margin-bottom:24px;margin-bottom:var(--spacing-md);width:60px}.skill-icon svg{color:#fff;height:32px;width:32px}.skill-title{color:#e5e7eb;color:var(--color-text);font-size:24px;font-weight:700;margin-bottom:24px;margin-bottom:var(--spacing-md)}.skill-list{list-style:none}.skill-list li{color:#9ca3af;color:var(--color-text-secondary);padding:8px 0;padding:var(--spacing-xs) 0;padding-left:24px;position:relative}.skill-list li:before{color:#6366f1;color:var(--color-primary);content:"→";font-weight:700;left:0;position:absolute}.skills-visual{background:#1a1a24;background:var(--color-bg-tertiary);border:1px solid #2a2a35;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);grid-column:1/-1;padding:48px;padding:var(--spacing-xl)}.skill-bar-wrapper{display:flex;flex-direction:column;gap:32px;gap:var(--spacing-lg)}.skill-bar-item{width:100%}.skill-bar-header{color:#e5e7eb;color:var(--color-text);display:flex;font-weight:600;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-sm)}.skill-bar{background:#0a0a0f;background:var(--color-bg);border-radius:4px;height:8px;overflow:hidden;width:100%}.skill-bar-fill{background:linear-gradient(135deg,#6366f1,#ec4899);background:var(--gradient-primary);border-radius:4px;height:100%;transition:width 1.5s ease;width:0}.skill-bar-fill.animated{width:var(--target-width)}.contact-content{grid-gap:64px;grid-gap:var(--spacing-2xl);display:grid;gap:64px;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}.contact-subtitle{color:#e5e7eb;color:var(--color-text);font-size:32px;font-weight:700;margin-bottom:24px;margin-bottom:var(--spacing-md)}.contact-description{color:#9ca3af;color:var(--color-text-secondary);line-height:1.8}.contact-description,.contact-details{margin-bottom:48px;margin-bottom:var(--spacing-xl)}.contact-details{display:flex;flex-direction:column;gap:32px;gap:var(--spacing-lg)}.contact-item{align-items:flex-start;display:flex;gap:24px;gap:var(--spacing-md)}.contact-icon{align-items:center;background:#1a1a24;background:var(--color-bg-tertiary);border:1px solid #2a2a35;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;transition:all var(--transition-base);width:48px}.contact-item:hover .contact-icon{background:linear-gradient(135deg,#6366f1,#ec4899);background:var(--gradient-primary);border-color:#0000}.contact-icon svg{color:#e5e7eb;color:var(--color-text);height:24px;width:24px}.contact-item:hover .contact-icon svg{color:#fff}.contact-label{color:#9ca3af;color:var(--color-text-secondary);font-size:12px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.contact-value{color:#e5e7eb;color:var(--color-text);font-weight:500;text-decoration:none;transition:color .3s ease;transition:color var(--transition-base)}.contact-value:hover{color:#6366f1;color:var(--color-primary)}.social-links{display:flex;gap:24px;gap:var(--spacing-md)}.social-link{align-items:center;background:#1a1a24;background:var(--color-bg-tertiary);border:1px solid #2a2a35;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);display:flex;height:48px;justify-content:center;transition:all .3s ease;transition:all var(--transition-base);width:48px}.social-link:hover{background:linear-gradient(135deg,#6366f1,#ec4899);background:var(--gradient-primary);border-color:#0000;transform:translateY(-4px)}.social-link svg{color:#e5e7eb;color:var(--color-text);height:20px;transition:color .3s ease;transition:color var(--transition-base);width:20px}.social-link:hover svg{color:#fff}.contact-form{background:#13131a;background:var(--color-bg-secondary);border:1px solid #2a2a35;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);padding:48px;padding:var(--spacing-xl)}.form-group{margin-bottom:32px;margin-bottom:var(--spacing-lg)}.form-group label{color:#e5e7eb;color:var(--color-text);display:block;font-size:14px;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.form-group input,.form-group textarea{background:#1a1a24;background:var(--color-bg-tertiary);border:1px solid #2a2a35;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-sm);color:#e5e7eb;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-primary);font-size:16px;padding:14px 16px;transition:all .3s ease;transition:all var(--transition-base);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#6366f1;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.footer{background:#13131a;background:var(--color-bg-secondary);border-top:1px solid #2a2a35;border-top:1px solid var(--color-border);padding:48px 0;padding:var(--spacing-xl) 0}.footer-content{text-align:center}.footer-text{color:#9ca3af;color:var(--color-text-secondary);font-size:14px;margin-bottom:8px;margin-bottom:var(--spacing-xs)}.heart{animation:heartbeat 1.5s ease-in-out infinite;color:#ec4899;color:var(--color-secondary)}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}[data-scroll-reveal]{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}[data-scroll-reveal=left]{transform:translateX(-50px) translateY(0)}[data-scroll-reveal=right]{transform:translateX(50px) translateY(0)}[data-scroll-reveal].revealed{opacity:1;transform:translateY(0) translateX(0)}@media (max-width:1024px){.about-content,.contact-content,.skills-content,.work-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){:root{--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px}.nav-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0ffa;border-bottom:1px solid #2a2a35;border-bottom:1px solid var(--color-border);flex-direction:column;gap:24px;gap:var(--spacing-md);left:0;padding:32px;padding:var(--spacing-lg);position:fixed;top:80px;transform:translateX(-100%);transition:transform .3s ease;transition:transform var(--transition-base);width:100%}.nav-menu.active{transform:translateX(0)}.menu-toggle{display:flex}.menu-toggle.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.hero{min-height:90vh;padding:64px 24px;padding:var(--spacing-2xl) var(--spacing-md)}.hero-cta{align-items:stretch;flex-direction:column}.about-stats{grid-template-columns:1fr}.stat-number{font-size:36px}.work-grid{gap:32px;gap:var(--spacing-lg)}.skills-grid,.work-grid{grid-template-columns:1fr}.cursor-dot,.cursor-outline{display:none}}@media (max-width:480px){.container{padding:0 24px;padding:0 var(--spacing-md)}.section-title{font-size:36px}.hero-title{font-size:40px}.project-tags{gap:6px}.tag{font-size:11px;padding:4px 8px}}
/*# sourceMappingURL=main.996ad13b.css.map*/