*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;--scroll-progress: 0%}body{background:#0a0a0a;color:#c8c8c8;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:18px;line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 15% 10%,rgba(34,197,94,.1),transparent 60%),radial-gradient(50% 45% at 85% 20%,rgba(168,85,247,.08),transparent 60%),radial-gradient(55% 50% at 70% 90%,rgba(59,130,246,.07),transparent 60%);opacity:1;transition:opacity .4s ease}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}body.light{background:#f5f5f5;color:#333}body.light:before{background:radial-gradient(60% 50% at 15% 10%,rgba(22,163,74,.08),transparent 60%),radial-gradient(50% 45% at 85% 20%,rgba(147,51,234,.06),transparent 60%),radial-gradient(55% 50% at 70% 90%,rgba(37,99,235,.05),transparent 60%)}body.light:after{opacity:.025}#root{min-height:100vh;position:relative;z-index:1}a{color:#22c55e;text-decoration:none}.light a{color:#16a34a}h1,h2,h3,h4,h5,h6{color:#fff;font-weight:600}.light h1,.light h2,.light h3,.light h4,.light h5,.light h6{color:#1a1a1a}p{color:#c8c8c8}.light p{color:#333}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}input,textarea{font-family:inherit}.section-title{position:relative}.section-title:after{content:"";position:absolute;bottom:-14px;left:50%;transform:translate(-50%);width:40px;height:3px;border-radius:3px;background:linear-gradient(90deg,#22c55e,transparent)}body.light .section-title:after{background:linear-gradient(90deg,#16a34a,transparent)}.reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-on-scroll{opacity:1!important;transform:none!important;transition:none!important}*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;transition:background .3s ease,border-bottom .3s ease,box-shadow .3s ease}.navbar.scrolled{background:#0a0a0ab3;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid #2a2a2a;box-shadow:0 2px 8px #0000002e}.light .navbar.scrolled{background:#f5f5f5bf;border-bottom-color:#d0d0d0;box-shadow:0 2px 8px #0000000f}.navbar-progress{position:absolute;top:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,#22c55e,#a855f7);transform:scaleX(0);transform-origin:left center;transition:transform .1s linear;z-index:1001}.navbar-container{max-width:1200px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;transition:transform .2s ease}.navbar-logo img{height:38px;width:auto;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.navbar-logo:hover img{transform:rotate(-6deg) scale(1.05)}.navbar-links{display:flex;align-items:center;gap:30px}.navbar-link{position:relative;color:#c8c8c8;font-size:15px;font-weight:500;padding:4px 0;transition:color .2s ease}.light .navbar-link{color:#333}.navbar-link:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:#22c55e;border-radius:2px;transform:scaleX(0);transform-origin:left center;transition:transform .25s cubic-bezier(.4,0,.2,1)}.navbar-link:hover{color:#22c55e;text-decoration:none}.light .navbar-link:hover{color:#16a34a}.navbar-link.active{color:#22c55e}.light .navbar-link.active{color:#16a34a}.navbar-link.active:after{transform:scaleX(1)}.theme-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #2a2a2a;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s ease}.light .theme-toggle{border-color:#d0d0d0}.theme-toggle:hover{border-color:#22c55e;color:#22c55e;transform:translateY(-1px)}.light .theme-toggle:hover{border-color:#16a34a;color:#16a34a}.mobile-toggle{display:none;flex-direction:column;gap:5px;width:24px;cursor:pointer;background:transparent;border:none;padding:0}.mobile-toggle span{height:2px;background:#c8c8c8;border-radius:2px;transition:all .3s ease}.light .mobile-toggle span{background:#333}.mobile-toggle span:nth-child(1){width:24px}.mobile-toggle span:nth-child(2){width:18px}.mobile-toggle span:nth-child(3){width:12px}.mobile-toggle.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px);width:24px}.mobile-toggle.open span:nth-child(2){opacity:0}.mobile-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);width:24px}@media(max-width:768px){.navbar-container{padding:14px 20px}.navbar-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;padding:16px 20px 20px;background:#0a0a0af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #2a2a2a;box-shadow:0 8px 24px #00000047;transform:translateY(-12px);opacity:0;visibility:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s ease,visibility .25s}.light .navbar-links{background:#f5f5f5f7;border-bottom-color:#d0d0d0;box-shadow:0 8px 24px #00000014}.navbar-links.open{transform:translateY(0);opacity:1;visibility:visible}.navbar-link{padding:10px 4px;font-size:16px}.navbar-link.active:after{display:none}.mobile-toggle{display:flex}.navbar-logo img{height:32px}.theme-toggle{justify-content:center;margin-top:8px}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.aurora{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;will-change:transform}.aurora-1{width:520px;height:520px;top:-120px;left:-80px;background:radial-gradient(circle,rgba(34,197,94,.45),transparent 70%);animation:auroraFloat1 18s ease-in-out infinite}.aurora-2{width:480px;height:480px;top:-60px;right:-100px;background:radial-gradient(circle,rgba(168,85,247,.35),transparent 70%);animation:auroraFloat2 22s ease-in-out infinite}.aurora-3{width:440px;height:440px;bottom:-140px;left:40%;background:radial-gradient(circle,rgba(59,130,246,.3),transparent 70%);animation:auroraFloat3 26s ease-in-out infinite}body.light .aurora-1{background:radial-gradient(circle,rgba(22,163,74,.3),transparent 70%);opacity:.6}body.light .aurora-2{background:radial-gradient(circle,rgba(147,51,234,.22),transparent 70%);opacity:.6}body.light .aurora-3{background:radial-gradient(circle,rgba(37,99,235,.22),transparent 70%);opacity:.6}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,transparent 80%)}body.light .hero-grid{background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px)}@keyframes auroraFloat1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,40px) scale(1.1)}}@keyframes auroraFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,50px) scale(1.15)}}@keyframes auroraFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-40px) scale(1.08)}}.hero-container{position:relative;z-index:1;max-width:820px;text-align:center}.hero-avatar{position:relative;width:120px;height:120px;margin:0 auto 28px;display:flex;align-items:center;justify-content:center}.hero-avatar img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;border-radius:50%;background:#0a0a0a99;box-shadow:0 18px 50px #00000061,0 0 0 1px #ffffff0f}.hero-avatar-ring{position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(from 0deg,#22c55e,#a855f7,#3b82f6,#22c55e);filter:blur(14px);opacity:.7;animation:ringSpin 8s linear infinite}body.light .hero-avatar-ring{opacity:.55}@keyframes ringSpin{to{transform:rotate(360deg)}}.hero-title{font-size:68px;line-height:1.05;margin-bottom:16px;letter-spacing:-.025em;font-weight:700;background:linear-gradient(120deg,#fff,#22c55e,#a855f7);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:gradientShift 8s linear infinite}body.light .hero-title{background:linear-gradient(120deg,#1a1a1a,#16a34a,#9333ea);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes gradientShift{to{background-position:200% center}}.hero-rotator{font-size:26px;color:#22c55e;margin-bottom:22px;min-height:1.4em;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Lucida Console,Monaco,monospace;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.hero-rotator-label{color:#888;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}body.light .hero-rotator{color:#16a34a}body.light .hero-rotator-label{color:#666}.hero-rotator-text{display:inline-flex;align-items:center;font-weight:600}.hero-cursor{display:inline-block;width:2px;height:1em;margin-left:3px;background:currentColor;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.hero-description{font-size:19px;line-height:1.7;max-width:620px;margin:0 auto 36px;color:#c8c8c8}body.light .hero-description{color:#333}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:56px}.btn{position:relative;padding:14px 32px;border-radius:10px;font-size:16px;font-weight:600;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,background .25s ease,border-color .25s ease,color .25s ease;text-decoration:none;display:inline-block;letter-spacing:.1px}.btn:hover{text-decoration:none;transform:translateY(-3px)}.btn:active{transform:translateY(-1px)}.btn-primary{background:#22c55e;color:#000;box-shadow:0 8px 24px #22c55e40}body.light .btn-primary{background:#16a34a;color:#fff;box-shadow:0 8px 24px #16a34a33}.btn-primary:hover{background:#16a34a;box-shadow:0 12px 32px #22c55e66}body.light .btn-primary:hover{background:#15803d;box-shadow:0 12px 32px #16a34a4d}.btn-secondary{border:1px solid #2a2a2a;color:#c8c8c8;background:#ffffff05;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body.light .btn-secondary{border-color:#d0d0d0;color:#333;background:#00000005}.btn-secondary:hover{border-color:#22c55e;color:#22c55e;box-shadow:0 8px 24px #22c55e26}body.light .btn-secondary:hover{border-color:#16a34a;color:#16a34a;box-shadow:0 8px 24px #16a34a1f}.hero-stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;margin-bottom:56px}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.hero-stat-value{font-size:34px;font-weight:700;color:#fff;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Lucida Console,Monaco,monospace;letter-spacing:-.02em}.light .hero-stat-value{color:#1a1a1a}.hero-stat-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#888}.light .hero-stat-label{color:#666}.hero-scroll{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#888}body.light .hero-scroll{color:#666}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,#22c55e,transparent);animation:scrollDown 2s ease-in-out infinite}body.light .scroll-line{background:linear-gradient(to bottom,#16a34a,transparent)}@keyframes scrollDown{0%,to{opacity:0;transform:translateY(-10px)}50%{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero{padding:110px 20px 80px}.hero-avatar{width:96px;height:96px;margin-bottom:22px}.hero-title{font-size:42px}.hero-rotator{font-size:19px}.hero-description{font-size:16px;max-width:100%}.btn{padding:12px 24px;font-size:15px}.hero-actions{margin-bottom:40px}.hero-stats{gap:28px;margin-bottom:40px}.hero-stat-value{font-size:26px}.hero-stat-label{font-size:11px}.scroll-line{height:30px}}@media(prefers-reduced-motion:reduce){.aurora,.hero-avatar-ring,.hero-title,.hero-cursor,.scroll-line{animation:none!important}}.about{position:relative;padding:100px 24px 80px}.about-container{max-width:900px;margin:0 auto}.section-title{font-size:44px;margin-bottom:48px;text-align:center}.about-content{display:grid;gap:40px}.about-text p{font-size:18px;line-height:1.8;margin-bottom:20px}.about-text p:last-child{margin-bottom:0}.about-text p strong{color:#22c55e;font-weight:600}.light .about-text p strong{color:#16a34a}.about-quotes{margin:32px 0 8px}.about-quote{position:relative;padding:20px 24px 20px 32px;border-left:3px solid #22c55e;background:#1414148c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 12px 12px 0;font-size:19px;font-style:italic;color:#fff;font-weight:500}.about-quote:before{content:'"';position:absolute;left:8px;top:6px;font-size:40px;color:#22c55e;opacity:.5;line-height:1;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Lucida Console,Monaco,monospace}.light .about-quote{background:#ffffffa6;color:#1a1a1a;border-left-color:#16a34a}.light .about-quote:before{color:#16a34a}.about-skills,.about-education{margin-top:44px}.about-skills h3,.about-education h3{font-size:26px;margin-bottom:24px}.education-card{display:flex;align-items:flex-start;gap:20px;padding:24px;background:#1414148c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 8px 32px #00000059;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,border-color .25s ease}.education-card:hover{transform:translateY(-2px);border-color:#22c55e40;box-shadow:0 8px 24px #00000047,0 0 24px #22c55e14}.light .education-card{background:#ffffffa6;border-color:#0000000f;box-shadow:0 8px 32px #00000014}.light .education-card:hover{border-color:#16a34a40;box-shadow:0 8px 24px #00000014,0 0 24px #16a34a0f}.education-icon{min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#22c55e1f;border-radius:12px;color:#22c55e}.light .education-icon{background:#16a34a1f;color:#16a34a}.education-details h4{font-size:17px;margin-bottom:6px;color:#fff;font-weight:600}.light .education-details h4{color:#1a1a1a}.education-school{font-size:15px;color:#22c55e;margin-bottom:8px}.light .education-school{color:#16a34a}.education-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:#c8c8c8}.light .education-meta{color:#333}.education-grade{color:#888;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Lucida Console,Monaco,monospace}.light .education-grade{color:#666}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.skill-item{display:flex;gap:14px;align-items:flex-start;padding:20px;background:#1414148c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 8px 32px #00000059;transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .25s ease,box-shadow .25s ease}.skill-item:hover{transform:translateY(-3px);border-color:#22c55e4d;box-shadow:0 8px 24px #00000047,0 0 28px #22c55e1a}.light .skill-item{background:#ffffffa6;border-color:#0000000f;box-shadow:0 8px 32px #00000014}.light .skill-item:hover{border-color:#16a34a4d;box-shadow:0 8px 24px #00000014,0 0 28px #16a34a14}.skill-item>div{flex:1}.skill-item h4{font-size:16px;margin-bottom:6px;color:#22c55e;font-weight:600}.light .skill-item h4{color:#16a34a}.skill-item p{font-size:14px;color:#c8c8c8;line-height:1.55}.light .skill-item p{color:#333}.skill-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;background:#22c55e1a;border:1px solid rgba(34,197,94,.18);border-radius:10px;color:#22c55e;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .25s ease}.skill-item:hover .skill-icon{transform:scale(1.08) rotate(-3deg);background:#22c55e2e}.light .skill-icon{background:#16a34a1a;border-color:#16a34a2e;color:#16a34a}.skill-item:hover .light .skill-icon{background:#16a34a2e}.skills-toggle{margin-top:20px;padding:10px 22px;background:transparent;border:1px solid rgba(34,197,94,.3);color:#22c55e;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.skills-toggle:hover{background:#22c55e;color:#000;border-color:#22c55e;transform:translateY(-1px)}.light .skills-toggle{border-color:#16a34a4d;color:#16a34a}.light .skills-toggle:hover{background:#16a34a;color:#fff;border-color:#16a34a}@media(max-width:768px){.about{padding:80px 20px 60px}.section-title{font-size:34px;margin-bottom:32px}.about-text p{font-size:16px}.about-quote{font-size:16px;padding:16px 20px 16px 28px}.education-card{padding:18px;gap:14px}.education-icon{min-width:40px;height:40px}.education-details h4{font-size:15px}.education-school{font-size:14px}.education-meta{font-size:13px}.skills-grid{grid-template-columns:1fr}.skill-item{padding:16px}.skill-item h4{font-size:15px}.skill-item p{font-size:13px}}.projects{padding:80px 24px}.projects-container{max-width:1200px;margin:0 auto}.spotlight{text-align:center;padding:40px 60px;margin-bottom:48px;background:linear-gradient(135deg,#22c55e0f,#22c55e05);border:1px solid rgba(34,197,94,.12);border-radius:16px;position:relative;display:flex;flex-direction:column;align-items:center;touch-action:pan-y;-webkit-user-select:none;user-select:none}.spotlight-row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;width:100%}body.light .spotlight{background:linear-gradient(135deg,#16a34a0d,#16a34a03);border-color:#16a34a1a}.spotlight-label{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#22c55e;font-weight:600;margin-bottom:12px}body.light .spotlight-label{color:#16a34a}.spotlight-content{flex:1;min-width:0}.spotlight-content h3{font-size:30px;color:#fff;margin:0 0 12px}.spotlight-content p{font-size:16px;color:#c8c8c8;max-width:560px;margin:0 auto 16px;line-height:1.7}body.light .spotlight-content h3{color:#1a1a1a}body.light .spotlight-content p{color:#333}.spotlight-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.spotlight-arrow{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(34,197,94,.2);border-radius:50%;color:#22c55e;cursor:pointer;transition:all .2s ease;flex-shrink:0;background:transparent}.spotlight-arrow:hover{background:#22c55e1a;border-color:#22c55e}.light .spotlight-arrow{border-color:#16a34a33;color:#16a34a}.light .spotlight-arrow:hover{background:#16a34a1a;border-color:#16a34a}.spotlight-link{color:#22c55e;font-weight:500;font-size:15px;background:none;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;margin:0 8px;transition:opacity .2s ease}.spotlight-link:hover{text-decoration:underline;opacity:.85}body.light .spotlight-link{color:#16a34a}.spotlight-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.spotlight-dot{width:8px;height:8px;border-radius:50%;background:#22c55e4d;border:none;cursor:pointer;transition:all .3s ease;padding:0}.spotlight-dot.active{background:#22c55e;transform:scale(1.4)}body.light .spotlight-dot{background:#16a34a4d}body.light .spotlight-dot.active{background:#16a34a}.projects-grid{columns:2 320px;column-gap:24px}.project-card{position:relative;background:#1414148c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:0;display:inline-flex;flex-direction:column;break-inside:avoid;margin-bottom:24px;width:100%;box-shadow:0 8px 32px #00000059;transition:border-color .3s ease,transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22c55e,#a855f7,transparent);border-radius:16px 16px 0 0;opacity:0;transition:opacity .3s ease}body.light .project-card{background:#ffffffa6;border-color:#0000000f;box-shadow:0 8px 32px #00000014}body.light .project-card:before{background:linear-gradient(90deg,#16a34a,#9333ea,transparent)}.project-card:hover{transform:translateY(-6px);border-color:#22c55e66;box-shadow:0 18px 50px #00000061,0 0 32px #22c55e1f}.project-card:hover:before{opacity:1}body.light .project-card:hover{border-color:#16a34a66;box-shadow:0 18px 50px #0000001a,0 0 32px #16a34a1a}.project-card.featured{border-color:#22c55e33}.project-card.featured:before{opacity:1}body.light .project-card.featured{border-color:#16a34a26}.project-header{display:flex;align-items:center;justify-content:space-between;padding:28px 28px 0}.project-name{font-size:24px;font-weight:600;color:#fff;letter-spacing:-.01em}body.light .project-name{color:#1a1a1a}.project-badge{padding:4px 12px;background:#22c55e;color:#000;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;border-radius:20px}body.light .project-badge{background:#16a34a;color:#fff}.project-description{color:#c8c8c8;padding:12px 28px 0;line-height:1.7;font-size:15px}body.light .project-description{color:#333}.project-details{display:flex;flex-direction:column;gap:16px;padding:16px 28px 0}.project-section h4{font-size:13px;color:#22c55e;margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:.8px}body.light .project-section h4{color:#16a34a}.project-section p{font-size:14px;color:#888;line-height:1.6}body.light .project-section p{color:#666}.tech-stack{display:flex;flex-wrap:wrap;gap:6px}.tech-tag{padding:4px 12px;background:#22c55e14;border:1px solid rgba(34,197,94,.12);border-radius:4px;font-size:12px;color:#22c55e;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Lucida Console,Monaco,monospace}body.light .tech-tag{background:#16a34a0f;border-color:#16a34a1a;color:#16a34a}.project-actions{display:flex;align-items:center;gap:10px;padding:20px 28px 28px;margin-top:auto}.project-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:transparent;border:1px solid rgba(34,197,94,.25);color:#22c55e;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease;cursor:pointer;font-family:inherit}.project-btn:hover{background:#22c55e;color:#000;border-color:#22c55e;text-decoration:none}body.light .project-btn{border-color:#16a34a40;color:#16a34a}body.light .project-btn:hover{background:#16a34a;color:#fff;border-color:#16a34a}.download-badge{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;background:#22c55e14;border-radius:10px;font-size:12px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Lucida Console,Monaco,monospace;color:#22c55e;font-weight:500}body.light .download-badge{background:#16a34a0f;color:#16a34a}@media(max-width:768px){.projects{padding:50px 16px}.section-title{font-size:36px;margin-bottom:32px}.spotlight{padding:28px 16px;margin-bottom:32px}.spotlight-row{gap:8px}.spotlight .spotlight-content h3{font-size:24px}.spotlight .spotlight-content p{font-size:15px}.spotlight-arrow{width:32px;height:32px}.projects-grid{columns:1;column-gap:0}.project-card{margin-bottom:16px}.project-header{padding:20px 20px 0}.project-name{font-size:20px}.project-description{font-size:14px;padding:10px 20px 0}.project-details{padding:12px 20px 0;gap:12px}.project-section h4{font-size:12px}.project-section p{font-size:13px}.project-actions{padding:16px 20px 20px}.project-btn{padding:7px 14px;font-size:13px}.tech-tag{font-size:11px;padding:3px 9px}}.contact{padding:100px 24px}.contact-container{max-width:800px;margin:0 auto}.section-title{font-size:44px;margin-bottom:48px;text-align:center;color:#fff}body.light .section-title{color:#1a1a1a}.contact-content{display:flex;flex-direction:column;align-items:center;gap:40px}.contact-description{font-size:18px;line-height:1.7;text-align:center;color:#c8c8c8;max-width:500px}body.light .contact-description{color:#333}.contact-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%}.contact-method{display:flex;align-items:center;gap:16px;padding:24px;background:#141414;border:1px solid #2a2a2a;border-radius:12px;text-decoration:none;transition:all .2s ease}body.light .contact-method{background:#fff;border-color:#d0d0d0}.contact-method:hover{border-color:#22c55e;transform:translateY(-2px);text-decoration:none}body.light .contact-method:hover{border-color:#16a34a}.contact-icon{min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#22c55e1a;border-radius:50%;font-size:18px;font-weight:600;color:#22c55e}body.light .contact-icon{background:#16a34a1a;color:#16a34a}.contact-details{display:flex;flex-direction:column;gap:4px}.contact-label{font-size:13px;color:#888;font-weight:500;text-transform:uppercase;letter-spacing:.5px}body.light .contact-label{color:#666}.contact-value{font-size:16px;color:#fff;word-break:break-all}body.light .contact-value{color:#1a1a1a}@media(max-width:768px){.contact{padding:60px 20px}.section-title{font-size:36px;margin-bottom:32px}.contact-content{gap:32px}.contact-description{font-size:16px;max-width:400px}.contact-methods{grid-template-columns:1fr;gap:16px;max-width:400px;margin:0 auto}.contact-method{padding:16px;gap:12px}.contact-icon{min-width:40px;height:40px;font-size:16px}.contact-value{font-size:15px}}@media(max-width:480px){.contact-methods{gap:12px}.contact-method{padding:14px}.contact-icon{min-width:36px;height:36px;font-size:14px}.contact-label{font-size:12px}.contact-value{font-size:14px}}.social{position:relative;padding:100px 24px}.social-container{max-width:960px;margin:0 auto}.social-intro{text-align:center;max-width:560px;margin:-24px auto 40px;font-size:16px;color:#c8c8c8;line-height:1.7}.light .social-intro{color:#333}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.social-card{position:relative;display:flex;flex-direction:column;gap:18px;padding:30px;background:#1414148c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 8px 32px #00000059;text-decoration:none;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s ease,box-shadow .3s ease}.social-card:before{content:"";position:absolute;inset:0;background:radial-gradient(80% 50% at 0% 0%,color-mix(in srgb,var(--channel-color) 14%,transparent),transparent 70%);opacity:.7;transition:opacity .3s ease;pointer-events:none}.social-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--channel-color),var(--channel-color-2, var(--channel-color)),transparent);opacity:.6;transition:opacity .3s ease}.social-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--channel-color) 45%,transparent);box-shadow:0 18px 50px #00000061,0 0 32px color-mix(in srgb,var(--channel-color) 18%,transparent)}.social-card:hover:before{opacity:1}.social-card:hover:after{opacity:1}body.light .social-card{background:#ffffffa6;border-color:#0000000f;box-shadow:0 8px 32px #00000014}body.light .social-card:hover{box-shadow:0 18px 50px #0000001a,0 0 32px color-mix(in srgb,var(--channel-color) 14%,transparent)}.social-card-header{position:relative;display:flex;align-items:center;gap:16px}.social-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--channel-color) 16%,transparent);border:1px solid color-mix(in srgb,var(--channel-color) 24%,transparent);border-radius:14px;color:var(--channel-color);flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.social-card:hover .social-card-icon{transform:scale(1.06) rotate(-3deg)}.social-card-title h3{font-size:21px;font-weight:700;color:#fff;margin:0;line-height:1.2;letter-spacing:-.01em}body.light .social-card-title h3{color:#1a1a1a}.social-tagline{font-size:13px;color:var(--channel-color);font-weight:600;letter-spacing:.3px}.social-description{position:relative;font-size:14.5px;line-height:1.7;color:#c8c8c8;margin:0}body.light .social-description{color:#333}.social-stats{position:relative;display:flex;gap:24px;padding:12px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}body.light .social-stats{border-color:#0000000f}.social-stat{display:flex;flex-direction:column;gap:2px}.social-stat-value{font-size:15px;font-weight:700;color:var(--channel-color);font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Lucida Console,Monaco,monospace}.social-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#888}body.light .social-stat-label{color:#666}.social-featured{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-thumb{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,color-mix(in srgb,var(--channel-color) 30%,#141414),color-mix(in srgb,var(--channel-color-2, var(--channel-color)) 18%,#0a0a0a));border:1px solid rgba(255,255,255,.08);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease}body.light .social-thumb{border-color:#0000000f;background:linear-gradient(135deg,color-mix(in srgb,var(--channel-color) 24%,#f0f0f0),color-mix(in srgb,var(--channel-color-2, var(--channel-color)) 14%,#e8e8e8))}.social-thumb:hover{transform:scale(1.02);box-shadow:0 0 24px color-mix(in srgb,var(--channel-color) 30%,transparent)}.social-thumb:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 2px,transparent 2px 12px)}.social-thumb-play{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .25s ease}.social-thumb:hover .social-thumb-play{transform:scale(1.12);background:var(--channel-color)}.social-platforms{position:relative;display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.social-platform-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:color-mix(in srgb,var(--channel-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--channel-color) 20%,transparent);border-radius:8px;font-size:13px;font-weight:600;color:var(--channel-color);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease;text-decoration:none}.social-platform-link:hover{background:var(--channel-color);border-color:var(--channel-color);color:#fff;transform:translateY(-1px)}@media(max-width:768px){.social{padding:80px 20px}.social-intro{margin:-16px auto 32px;font-size:15px}.social-grid{grid-template-columns:1fr;gap:20px}.social-card{padding:24px;gap:14px}.social-card-icon{width:48px;height:48px;border-radius:12px}.social-card-title h3{font-size:19px}.social-description{font-size:14px}.social-stats{gap:18px}}@media(max-width:480px){.social-card{padding:20px}.social-platforms{gap:8px}.social-platform-link{padding:7px 12px;font-size:12px}}.terminal-section{padding:100px 24px;background:#22c55e05}.terminal-section.light{background:#16a34a05}.terminal-container{max-width:900px;margin:0 auto}.terminal-header{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.terminal-title{font-size:44px;text-align:center;margin-bottom:0}.terminal-subtitle{text-align:center;color:#888;margin-bottom:48px}.light .terminal-subtitle{color:#666}.fullscreen-btn{padding:8px 16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:6px;color:#22c55e;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Lucida Console,Monaco,monospace;font-size:18px;cursor:pointer;transition:all .2s ease}.light .fullscreen-btn{background:#16a34a1a;border-color:#16a34a4d;color:#16a34a}.fullscreen-btn:hover{background:#22c55e33}.light .fullscreen-btn:hover{background:#16a34a33}.terminal{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:24px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Lucida Console,Monaco,monospace;min-height:400px;max-height:500px;display:flex;flex-direction:column}.terminal.light{background:#f0f0f0;border-color:#d0d0d0}.terminal.fullscreen{position:fixed;inset:0;width:100vw;height:100vh;min-height:100vh;max-height:100vh;border-radius:0;z-index:9999}.terminal.fullscreen .terminal-output{max-height:calc(100vh - 180px)}.terminal-output{flex:1;overflow-y:auto;margin-bottom:16px;user-select:text;-webkit-user-select:text}.terminal-output::-webkit-scrollbar{width:8px}.terminal-output::-webkit-scrollbar-track{background:transparent}.terminal-output::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.light .terminal-output::-webkit-scrollbar-thumb{background:#666}.output-content{color:#fff;line-height:1.7;white-space:pre}.light .output-content{color:#1a1a1a}.output-item{margin-bottom:12px}.output-command{color:#c8c8c8;font-size:15px}.light .output-command{color:#333}.prompt{color:#22c55e;margin-right:8px}.light .prompt{color:#16a34a}.output-error .output-content{color:#ef4444}.output-interrupt{color:#ef4444;font-weight:700;font-size:15px}.light .output-interrupt{color:#dc2626}.terminal-input-wrapper{position:relative}.terminal-input-line{display:flex;align-items:center;padding:12px 0}.terminal-input{flex:1;background:transparent;border:none;color:#c8c8c8;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Lucida Console,Monaco,monospace;font-size:15px;outline:none;caret-color:#22c55e;padding:0}.light .terminal-input{color:#333;caret-color:#16a34a}.terminal-input::placeholder{color:#888}.light .terminal-input::placeholder{color:#666}.cursor{width:8px;height:16px;background:#22c55e;margin-left:-8px;animation:blink 1s step-end infinite;opacity:.7}.light .cursor{background:#16a34a}@keyframes blink{0%,to{opacity:.7}50%{opacity:.2}}.terminal-suggestions{position:absolute;top:100%;left:0;right:0;background:#2a2a2a;border:1px solid #2a2a2a;border-radius:8px;margin-top:8px;overflow:hidden;z-index:10}.light .terminal-suggestions{background:#fff;border-color:#d0d0d0}.suggestion-item{padding:8px 16px;cursor:pointer;font-size:15px;color:#c8c8c8;transition:background .15s ease}.light .suggestion-item{color:#333}.suggestion-item:hover,.suggestion-item.active{background:#22c55e33;color:#22c55e}.light .suggestion-item:hover,.light .suggestion-item.active{background:#16a34a26;color:#16a34a}@media(max-width:768px){.terminal-section{padding:60px 16px}.terminal-header{flex-direction:row;gap:8px}.terminal-title{font-size:28px}.terminal-subtitle{font-size:15px}.fullscreen-btn{font-size:18px;padding:6px 12px}.terminal{padding:16px;min-height:300px;max-height:400px;font-size:14px}.terminal.fullscreen{padding:20px;font-size:15px}.output-command{font-size:14px}.output-content{font-size:13px;line-height:1.5}.terminal-input{font-size:14px}.suggestion-item{font-size:13px;padding:6px 10px}}.footer{padding:40px 24px;border-top:1px solid #2a2a2a}.light .footer{border-top-color:#d0d0d0}.footer-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-container p{color:#888;font-size:15px}.light .footer-container p{color:#666}.footer-links{display:flex;gap:24px}.footer-links a{color:#888;font-size:15px;transition:color .2s ease}.light .footer-links a{color:#666}.footer-links a:hover{color:#22c55e}.light .footer-links a:hover{color:#16a34a}@media(max-width:768px){.footer-container{flex-direction:column;text-align:center}}.privacy-policy{min-height:100vh;padding:100px 24px;background:#0a0a0a}body.light .privacy-policy{background:#f5f5f5}.privacy-policy-container{max-width:800px;margin:0 auto}.privacy-policy-card{background:#141414;border:1px solid #2a2a2a;border-radius:16px;padding:48px}body.light .privacy-policy-card{background:#fff;border-color:#d0d0d0}.privacy-policy-title{font-size:32px;margin-bottom:32px;color:#fff;text-align:center}body.light .privacy-policy-title{color:#1a1a1a}.privacy-policy-content{display:flex;flex-direction:column;gap:32px}.privacy-policy-lead{font-size:18px;line-height:1.7;color:#c8c8c8;text-align:center;padding:20px;background:#22c55e1a;border-left:3px solid #22c55e;border-radius:8px}body.light .privacy-policy-lead{color:#333;background:#16a34a1a;border-color:#16a34a}.privacy-policy-section h2{font-size:20px;margin-bottom:16px;color:#22c55e}body.light .privacy-policy-section h2{color:#16a34a}.privacy-policy-section p{font-size:16px;line-height:1.7;color:#c8c8c8}body.light .privacy-policy-section p{color:#333}.privacy-policy-section ul{list-style:none;padding:0}.privacy-policy-section li{font-size:15px;line-height:1.8;color:#c8c8c8;padding:8px 0}body.light .privacy-policy-section li{color:#333}.privacy-policy-section li strong{color:#fff}body.light .privacy-policy-section li strong{color:#1a1a1a}.privacy-policy-footer{margin-top:24px;padding-top:24px;border-top:1px solid #2a2a2a}body.light .privacy-policy-footer{border-color:#d0d0d0}.back-link{display:inline-flex;align-items:center;font-size:15px;color:#22c55e;text-decoration:none;transition:opacity .2s ease}body.light .back-link{color:#16a34a}.back-link:hover{opacity:.7;text-decoration:none}@media(max-width:768px){.privacy-policy{padding:60px 20px}.privacy-policy-card{padding:32px 24px}.privacy-policy-title{font-size:24px;margin-bottom:24px}.privacy-policy-lead{font-size:16px;padding:16px}.privacy-policy-section h2{font-size:18px}.privacy-policy-section p{font-size:15px}}