:root{--bg:#020908;--panel:#07110f;--panel2:#0a1714;--text:#f5f7f6;--muted:#93a39e;--pink:#ff58b5;--pink2:#ff9bd3;--green:#19f5a5;--green2:#75ffd0;--line:#17332e;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,#19f5a514,transparent 25%),radial-gradient(circle at 10% 80%,#ff58b512,transparent 30%),linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:auto,auto,70px 70px,70px 70px;mask-image:linear-gradient(to bottom,#fff,transparent 85%);z-index:-2}body:after{content:"";position:fixed;width:420px;height:420px;left:var(--mx,50%);top:var(--my,40%);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ff58b50b,transparent 65%);pointer-events:none;z-index:-1;transition:left .25s ease-out,top .25s ease-out}a{color:inherit;text-decoration:none}header{height:72px;padding:0 max(22px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#020908c9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:sticky;top:0;z-index:100;transition:height .35s var(--ease),background .35s,box-shadow .35s}header.scrolled{height:62px;background:#020908ee;box-shadow:0 12px 35px #0007}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;transition:transform .3s}.brand:hover{transform:translateY(-2px)}.brand-mark,.footer-logo{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#06100d;font-weight:1000;font-size:22px;background:linear-gradient(135deg,var(--pink),var(--green));box-shadow:0 0 22px #ff58b52b;transition:transform .45s var(--ease),box-shadow .45s}.brand:hover .brand-mark{transform:rotate(-8deg) scale(1.08);box-shadow:0 0 35px #19f5a555}.brand span:last-child{letter-spacing:.2px}nav{display:flex;gap:27px;color:#c5cecb;font-size:13px;position:relative;align-items:center}nav a{padding:26px 2px;position:relative;transition:color .25s,transform .25s}nav a:hover{color:#fff;transform:translateY(-1px)}nav a.active{color:#fff}nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--pink),var(--green));box-shadow:0 0 12px #ff58b5aa;transform:scaleX(0);transform-origin:center;transition:transform .35s var(--ease)}nav a.active:after{transform:scaleX(1)}nav:after{content:"";position:absolute;bottom:-1px;left:var(--indicator-left,0);width:var(--indicator-width,0);height:2px;border-radius:4px;background:linear-gradient(90deg,var(--pink),var(--green));box-shadow:0 0 16px #ff58b5aa;opacity:0;transition:left .45s var(--ease),width .45s var(--ease),opacity .2s}nav.ready:after{opacity:1}.header-links{display:flex;align-items:center;gap:8px}.discord-mini,.github{border:1px solid #24584b;padding:9px 14px;border-radius:11px;font-size:13px;transition:.3s var(--ease)}.discord-mini{color:#9fffd7}.github{border-color:#9e4d82}.discord-mini:hover,.github:hover{transform:translateY(-2px);box-shadow:0 8px 25px #19f5a51a;background:#ffffff05}.hero,.section{max-width:1180px;margin:auto}.hero{min-height:680px;padding:90px 28px 100px;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:20px;position:relative}.hero-copy{animation:heroIn .9s var(--ease) both}.hello{color:var(--green);font-weight:700;letter-spacing:1px}.hello span{display:inline-block;animation:waving 2.5s ease-in-out infinite}.hero h1{font-size:clamp(54px,7vw,86px);line-height:1;margin:14px 0 8px;letter-spacing:-4px}.hero h1 strong{color:var(--pink);text-shadow:0 0 28px #ff58b54d}.hero h2{font-size:27px;margin:0 0 22px;font-weight:500}.hero-copy>p{max-width:520px;color:#c0cac6;font-size:16px}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid var(--line);border-radius:25px;font-weight:700;position:relative;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}.button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff4 50%,transparent 75%);transform:translateX(-120%);transition:transform .65s}.button:hover:before{transform:translateX(120%)}.button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 14px 35px #0008}.pink{background:var(--pink);border-color:var(--pink);color:#170613}.green{border-color:var(--green);color:#eafff7}.hero-art{height:450px;position:relative;animation:heroArt .95s .12s var(--ease) both;transform-style:preserve-3d}.orb{position:absolute;width:310px;height:310px;left:25%;top:10%;border:3px solid var(--pink);border-radius:48% 52% 42% 58%;transform:rotate(-12deg);box-shadow:0 0 25px #ff58b54d,0 0 70px #19f5a51a;animation:orbFloat 7s ease-in-out infinite}.orb:after{content:"";position:absolute;inset:22px;border:1px dashed #19f5a566;border-radius:inherit;animation:spin 18s linear infinite}.scribble{position:absolute;left:42%;top:25%;font-size:150px;font-weight:1000;color:transparent;-webkit-text-stroke:3px var(--green);text-shadow:0 0 20px #19f5a566;transform:rotate(-12deg);animation:scribble 5s ease-in-out infinite}.heart{position:absolute;right:21%;top:8%;font-size:62px;color:var(--pink);text-shadow:0 0 20px #ff58b566;animation:heartbeat 2.4s ease-in-out infinite}.spark{position:absolute;left:19%;top:20%;color:var(--green);font-size:25px;animation:sparkle 2s ease-in-out infinite}.code-card{position:absolute;right:3%;top:30%;width:250px;padding:25px 20px;border:1px solid #9c4f86;border-radius:12px;background:#07100eeb;box-shadow:0 0 30px #ff58b522;font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;color:#f39bc8;transform:rotate(2deg);transition:transform .5s var(--ease),box-shadow .5s}.hero-art:hover .code-card{transform:rotate(-1deg) translateY(-7px);box-shadow:0 20px 55px #ff58b526}.code-card b,.code-card small{color:var(--green)}.code-card small{font-size:11px}.note{position:absolute;color:var(--green);font:italic 16px/1.25 cursive}.note-one{right:0;top:3%;transform:rotate(-7deg);animation:noteFloat 4s ease-in-out infinite}.note-two{right:2%;bottom:4%;color:var(--pink);transform:rotate(-4deg);animation:noteFloat 4s 1s ease-in-out infinite}.section{padding:85px 28px;border-top:1px solid var(--line);position:relative}.section:before{content:"";position:absolute;top:-1px;left:28px;width:80px;height:1px;background:linear-gradient(90deg,var(--pink),transparent)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.section-head>div:first-child{display:flex;gap:16px}.section-icon{font-size:34px;color:var(--pink);display:inline-block;animation:iconFloat 3s ease-in-out infinite}.section-icon.star{color:var(--green)}.section h2{font-size:38px;line-height:1.05;margin:0 0 5px;letter-spacing:-1.5px}.section h2 em{font-style:normal;color:var(--pink)}.section-head p{margin:0;color:var(--muted)}.section-head>a{color:#dbe5e1;font-size:13px;margin-top:14px;text-decoration:underline;text-decoration-color:var(--green);transition:.25s}.section-head>a:hover{color:var(--green);transform:translateX(4px)}.projects{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.project{min-height:290px;background:linear-gradient(145deg,#081311,#050d0c);border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column;position:relative;transition:transform .45s var(--ease),border-color .45s,box-shadow .45s;overflow:hidden}.project:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-100px;top:-100px;background:#19f5a512;filter:blur(10px);transition:.5s}.project:hover{transform:translateY(-9px) rotateX(2deg);border-color:#27665a;box-shadow:0 20px 45px #0009,0 0 30px #19f5a50c}.project:hover:before{transform:scale(1.7)}.project.featured{border-color:#a34d85;box-shadow:0 0 25px #ff58b512}.project-icon{width:42px;height:42px;display:grid;place-items:center;color:var(--pink);font-size:27px;font-weight:900;margin-bottom:14px;transition:transform .45s var(--ease)}.project:hover .project-icon{transform:rotate(-8deg) scale(1.13)}.project-icon img{width:42px;height:42px;object-fit:contain;border-radius:10px}.project-body{display:flex;flex-direction:column;height:100%;position:relative;z-index:1}.pill{position:absolute;right:14px;top:14px;padding:2px 7px;border-radius:8px;background:var(--green);color:#03120d;font-size:9px;font-weight:900;animation:pulseGlow 2.5s infinite}.project h3{font-size:20px;margin:0 0 6px}.project h3 span{color:var(--pink);display:inline-block;transition:transform .3s}.project:hover h3 span{transform:translateX(5px)}.project p{color:#aab7b3;font-size:12px;min-height:42px;margin:0}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0}.tags i{font-style:normal;font-size:10px;background:#14231f;border-radius:12px;padding:4px 8px;color:#c9d3cf;transition:.25s}.project:hover .tags i{transform:translateY(-2px)}.project-link{margin-top:auto;border:1px solid #5a3450;border-radius:18px;padding:8px 10px;font-size:11px;color:#f3c3df;text-align:center;transition:.3s}.project-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff58b51a}.pink-border{border-color:#c24c99;background:#ff58b50d}.green-border{border-color:#188d68;color:#78e9bd;background:#19f5a507}.simple{align-items:flex-start}.hand-note{color:var(--pink);font:italic 15px/1.15 cursive;transform:rotate(-4deg);text-align:right;animation:noteFloat 4s ease-in-out infinite}.skills{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.skills article{display:flex;align-items:center;gap:14px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:13px;min-height:84px;transition:transform .4s var(--ease),border-color .3s,box-shadow .4s}.skills article:hover{transform:translateY(-6px);border-color:#2c6659;box-shadow:0 15px 35px #0008}.skills b{font-size:27px;color:var(--pink);font-weight:500;transition:transform .4s}.skills article:hover b{transform:rotate(12deg) scale(1.15)}.skills article:nth-child(3n) b,.skills article:nth-child(4n) b{color:var(--green)}.skills h3{font-size:13px;margin:0 0 2px}.skills p{font-size:10px;color:#9daaa6;margin:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about h2{font-size:42px;margin-top:12px}.about h2 em{color:var(--green)}.about p{color:#b3c0bb;max-width:520px}.community-card{display:grid;grid-template-columns:170px 1fr;gap:35px;align-items:center;background:linear-gradient(135deg,#0b1714,#07100e);border:1px solid #1e5143;border-radius:18px;padding:35px;box-shadow:0 0 35px #19f5a50b;transition:.45s var(--ease);overflow:hidden;position:relative}.community-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#19f5a50b;right:-100px;bottom:-130px;filter:blur(15px)}.community-card:hover{transform:translateY(-7px);box-shadow:0 25px 55px #0008,0 0 35px #19f5a512}.community-logo{width:150px;height:150px;border-radius:30px;padding:10px;background:#050d0c;border:1px solid #2a6958;box-shadow:0 0 35px #19f5a51a;transition:.5s var(--ease)}.community-card:hover .community-logo{transform:rotate(-5deg) scale(1.04)}.community-logo img{width:100%;height:100%;object-fit:contain;border-radius:22px}.community-copy{position:relative;z-index:1}.community-copy h2{font-size:43px;line-height:1;margin:9px 0}.community-copy h2 em{font-style:normal;color:var(--green)}.community-copy p{max-width:650px;color:#b3c0bb}.community-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}.community-tags span{border:1px solid #25483e;background:#0d1c18;padding:6px 10px;border-radius:15px;font-size:11px;color:#c7d6d1;transition:.25s}.community-tags span:hover{transform:translateY(-3px);border-color:#3d8a73}.contact{text-align:center;padding:110px 28px 120px}.contact h2{font-size:52px;margin:10px 0}.contact p{color:var(--muted);margin:0 0 25px}.contact-email{display:inline-block;margin:0 0 28px;color:var(--green);font-size:22px;font-weight:800;text-decoration:underline;text-decoration-color:#19f5a555;text-underline-offset:5px;transition:.3s}.contact-email:hover{color:var(--pink);transform:translateY(-3px)}.contact-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.contact-actions .button{cursor:pointer}footer{border-top:1px solid var(--line);max-width:1180px;margin:auto;padding:30px 28px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#788580;font-size:11px}.footer-side span{color:var(--pink);font-size:18px}.footer-center{text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:7px}.footer-logo{width:30px;height:30px;font-size:18px}.footer-center span{color:var(--pink)}.footer-center b{color:var(--green);font-weight:500}.secret{position:absolute;top:48px;font-size:5px;opacity:.16;color:#42504c!important;letter-spacing:.2px}.top{justify-self:end;border:1px solid #29413c;border-radius:20px;padding:8px 14px;transition:.3s}.top:hover{border-color:var(--green);color:var(--green);transform:translateY(-3px)}.reveal{opacity:0;transform:translateY(35px) scale(.985);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.cursor-dot{position:fixed;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);opacity:.8}.cursor-ring{position:fixed;width:34px;height:34px;border:1px solid #ff58b599;border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .25s,height .25s,border-color .25s;opacity:.55}.cursor-ring.big{width:58px;height:58px;border-color:var(--green)}@keyframes heroIn{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes heroArt{from{opacity:0;transform:scale(.92) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes waving{0%,100%{transform:rotate(0)}25%{transform:rotate(18deg)}50%{transform:rotate(-8deg)}75%{transform:rotate(14deg)}}@keyframes orbFloat{0%,100%{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(-8deg) translateY(-12px)}}@keyframes scribble{0%,100%{transform:rotate(-12deg) translate(0)}50%{transform:rotate(-8deg) translate(5px,-9px)}}@keyframes heartbeat{0%,100%{transform:scale(1) rotate(-8deg)}15%{transform:scale(1.14) rotate(-8deg)}30%{transform:scale(1) rotate(-8deg)}}@keyframes sparkle{0%,100%{opacity:.35;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.3) rotate(90deg)}}@keyframes noteFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulseGlow{0%,100%{box-shadow:0 0 0 #19f5a500}50%{box-shadow:0 0 18px #19f5a566}}@media(max-width:900px){nav{gap:14px}.hero{grid-template-columns:1fr}.hero-art{height:350px}.projects{grid-template-columns:repeat(2,1fr)}.skills{grid-template-columns:repeat(2,1fr)}.about{gap:30px}}@media(max-width:650px){header{padding:0 18px}.brand{font-size:15px}nav{display:none}.github{padding:8px 12px}.hero{padding:70px 20px}.hero h1{font-size:54px}.hero h2{font-size:22px}.hero-art{height:300px;transform:scale(.88);transform-origin:center}.section{padding:60px 20px}.section:before{left:20px}.section-head{display:block}.section-head>a{display:inline-block;margin-top:20px}.projects,.skills,.about{grid-template-columns:1fr}.project{min-height:250px}.about{gap:10px}.contact h2{font-size:40px}.community-card{grid-template-columns:1fr;padding:25px}.community-logo{width:110px;height:110px}.header-links{gap:5px}.discord-mini{display:none}footer{grid-template-columns:1fr;text-align:center;gap:20px}.top{justify-self:center}.footer-side{order:2}.footer-center{order:1}.top{order:3}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.cursor-dot,.cursor-ring{display:none}}
.particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.particles i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);opacity:0;animation:particleUp 6s ease-in-out infinite}.particles i:nth-child(3n){background:var(--pink);box-shadow:0 0 12px var(--pink)}.hero-copy,.hero-art{position:relative;z-index:1}@keyframes particleUp{0%{opacity:0;transform:translate3d(0,20px,0) scale(.5)}20%{opacity:.65}70%{opacity:.25}100%{opacity:0;transform:translate3d(20px,-90px,0) scale(1.2)}}