/* Local Y2K direction: silver hardware, CD-ROM rainbows, and tiny web ephemera. */
:root{--lilac:#d9ccf3;--line:#4e405e;--lime:#d4ff72}
body{background-color:#c6b7e2;background-image:radial-gradient(ellipse at 25% 10%,#fff9,transparent 47%),linear-gradient(45deg,#d3c5e633 25%,transparent 25%,transparent 75%,#d3c5e633 75%),linear-gradient(45deg,#d3c5e633 25%,transparent 25%,transparent 75%,#d3c5e633 75%);background-size:auto,32px 32px,32px 32px;background-position:0 0,0 0,16px 16px}
.page{padding:0 22px;max-width:456px;position:relative;border:1px solid #64516e;border-radius:16px;background-color:var(--lilac);background-image:radial-gradient(ellipse at 80% 5%,#ffffff80,transparent 40%),linear-gradient(#8862ae12 1px,transparent 1px),linear-gradient(90deg,#8862ae12 1px,transparent 1px);background-size:auto,20px 20px,20px 20px;box-shadow:inset 1px 0 0 #fff9,5px 6px 0 #9f8eb8,6px 7px 0 #665371;min-height:0}
.window-cap{height:32px;margin:0 -22px;padding:0 10px 0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #655870;background:linear-gradient(180deg,#fff 0%,#e9e5f0 16%,#c3b9d3 49%,#b7acc8 51%,#dfd5ef 100%);font:700 10px var(--mono);letter-spacing:.5px;box-shadow:inset 0 1px 0 white}
.window-cap>span:first-child{display:flex;align-items:center;gap:6px}.cap-version{font-size:8px;letter-spacing:0;font-weight:400;color:#63536f}.cap-disc{width:14px;height:14px;background:conic-gradient(#fff,#9c8caf,#d4ffcf,#f7caf4,#a8d7f6,#fff);border:1px solid #7c6b87;border-radius:50%;position:relative}.cap-disc::after{content:'';position:absolute;inset:4px;border:1px solid #84738f;background:#e8e1ef;border-radius:50%}.window-controls{display:flex;gap:4px}.window-controls i{display:grid;place-items:center;width:18px;height:17px;border:1px solid #7c6a89;border-radius:3px;background:linear-gradient(#fff,#d4cadf);box-shadow:inset 1px 1px 0 #fff,0 1px 0 #94849f;font:normal 13px Arial;line-height:1}.window-controls i:last-child{background:linear-gradient(#fbe8fc,#d4aadf)}
.topbar{height:65px;gap:10px;border-bottom:1px solid #b4a0c9}.wordmark{font-size:14px;letter-spacing:-.4px;min-width:0;flex:1;gap:5px;min-height:35px;border:1px solid #a99abb;border-radius:7px;background:linear-gradient(180deg,#e2d7f0,#f8f4ff);padding:0 10px;box-shadow:inset 0 2px 3px #9a84b62b,0 1px 0 #fff9}.wordmark .pixel{font-size:19px;padding:0;color:#72617e}.ext{margin-left:-5px}.icon-button{width:43px;height:38px;flex-shrink:0;border-radius:9px;background:linear-gradient(180deg,#fff 0%,#ede6f8 46%,#d0bfdc 50%,#e5d9f1 100%);box-shadow:inset 0 1px 0 white,0 3px 0 #756182,0 4px 0 #f8edff}
.intro{padding-top:8px}.orbit{height:167px;width:246px;margin:0 auto 11px}.compact-disc{position:absolute;left:25px;top:29px;width:122px;height:122px;border:1px solid #9e90b0;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 3px,#ffffff40 3.3px 3.8px),conic-gradient(from 35deg,#f9f8ff 0deg,#c4b8d9 25deg,#f9bdff 45deg,#c0faf5 70deg,#fafbea 95deg,#a3a7b8 125deg,#fff 150deg,#b0a2c8 180deg,#f9d2ff 210deg,#d2fff2 250deg,#ece5fd 285deg,#aaa0b8 315deg,#f9f8ff 360deg);box-shadow:inset 0 0 0 3px #fff5,inset 0 0 0 24px #fff1,3px 7px 6px #6041792b;animation:disc-spin 28s linear infinite}.compact-disc::before{content:'';position:absolute;inset:45px;border:1px solid #9b8ca9;border-radius:50%;background:radial-gradient(circle,var(--lilac) 0 6px,#786d8d 7px,#e7dfef 8px,#f7f2fc 14px,#bdb0cb 15px);box-shadow:0 0 0 4px #ffffff4d}.disc-lettering{position:absolute;top:20px;left:13px;font:5px var(--mono);letter-spacing:.45px;color:#686071}.orbit-ring{width:223px;height:58px;left:9px;top:63px;transform:rotate(-24deg);border-color:#88719899}.chrome-star{position:absolute;width:115px;height:115px;left:90px;top:14px;transform:rotate(6deg);filter:drop-shadow(2px 5px 0 #77618355);animation:star-float 6s ease-in-out infinite}.spark-one{top:8px;right:29px;font-size:26px;color:#66506e}.spark-two{bottom:32px;left:5px;font-size:22px}.spark-three{top:24px;left:1px;font-size:24px}.creative-sticker{position:absolute;right:-3px;top:78px;background:#ffb9df;border:1px solid #8a4f76;color:#51364c;padding:7px 10px 8px;transform:rotate(9deg);border-radius:50%;box-shadow:2px 2px 0 #a578a7;font:700 11px/1.05 var(--heading);letter-spacing:-.6px}.heart-sticker{position:absolute;left:24px;bottom:7px;font:27px Arial;color:#f68bbe;-webkit-text-stroke:1px #73516f;filter:drop-shadow(1px 2px 0 white);transform:rotate(-18deg)}.orbit-label{right:21px;bottom:6px;font-size:7px;padding:6px 8px;background:#f9ffe0;transform:rotate(-5deg);box-shadow:2px 2px 0 #87708f;letter-spacing:.75px}
.eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:10px}.status-dot{background:#6d8a3b;box-shadow:0 0 0 3px #e2ffb4}.intro h1{font-size:36px;letter-spacing:-1.9px;text-shadow:1px 2px 0 #fff9}.name-spark{font-size:23px;margin-left:3px;color:#6b487f}.bio{font-size:15px;margin-top:10px}.intro-line{overflow:hidden;border:1px solid #a88dbb;border-left:0;border-right:0;padding:10px 0;margin-top:22px;background:#ecdcfd80;color:#655071;font:8px var(--mono);letter-spacing:.9px;text-align:left}.ticker-track{display:flex;flex-shrink:0;width:max-content;animation:ticker-slide 28s linear infinite}.ticker-track>span{display:block;white-space:nowrap;padding-right:22px}
.filters{gap:8px;padding:17px 0 23px}.filter{min-height:40px;padding:8px 10px;border:1px solid #aa93bc;border-radius:7px;background:linear-gradient(#eee5fa,#d7c6ea);box-shadow:inset 0 1px 0 #fffd,0 3px 0 #b5a0c6;font-size:11px}.filter span{font-size:8px;margin-left:4px}.filter.active{background:linear-gradient(#f0ffc5,#ccec91);border-color:#6c7651;color:#283123;box-shadow:inset 0 1px 0 #ffff,0 3px 0 #81935d}.filter:not(.active):hover{background:linear-gradient(#fff3ff,#ded0ef)}
.links{gap:21px;min-height:0}.card{border-radius:16px;box-shadow:inset 0 2px 0 #ffffffb3,0 7px 0 #65526e,0 8px 0 #a995b8}.fiverr{background:linear-gradient(165deg,#f2ffc7 0%,#d8ff85 28%,#d0fa70 65%,#bef167 100%);border-color:#69784a;padding:20px 17px 18px;box-shadow:inset 0 2px 0 #faffdf,0 7px 0 #647b40,0 8px 0 #eaffc4}.fiverr:hover{box-shadow:inset 0 2px 0 #faffdf,0 7px 0 #647b40,0 8px 0 #eaffc4}.service-icon{border-radius:12px;background:linear-gradient(#fbffe6,#eaffb7 48%,#c7e988 50%,#e5ffa9);box-shadow:inset 0 1px 0 #fff,0 3px 0 #91aa61}.micro{font-size:7px;letter-spacing:.6px}.card-copy h2{font-size:25px;letter-spacing:-1px}.card-copy p{font-size:11px}.gig-count{background:#ecffbb;box-shadow:inset 0 1px 0 #fff8}.gig-grid{gap:12px;margin-top:19px}.gig{min-height:47px;background:linear-gradient(180deg,#fffde9 0%,#f0ffca 47%,#deefa8 50%,#eeffc5 100%);box-shadow:inset 0 1px 0 #fff,0 4px 0 #8a9d59;font-size:11px;border-radius:9px}.gig:hover{background:linear-gradient(#fff,#ecffbd)}.gig:active{box-shadow:inset 0 1px 2px #758c5555,0 1px 0 #8a9d59!important;transform:translateY(3px)!important}
.portfolio{background:linear-gradient(135deg,#fff8ff 0%,#f0e4ff 42%,#e0f1ff 75%,#fae8f5);padding:0 17px;overflow:hidden;isolation:isolate}.portfolio-top{margin:0 -17px;padding:9px 12px;background:linear-gradient(#f8f4ff,#d9cfe6 48%,#c4b7d2 51%,#e8dcee);border-bottom:1px solid #b8a6c8;min-height:34px}.portfolio-top .micro{font-size:8px;letter-spacing:.3px}.folder-icon{color:#78608a}.pill{font-size:6px;border-radius:3px;background:#f7f1ff;border-color:#a493b4;padding:4px 5px}.portfolio-body{min-height:132px;gap:5px}.portfolio-body h2{font-size:29px;letter-spacing:-1.3px}.portfolio-body p{font-size:11px}.mini-window{width:116px;height:91px;transform:rotate(9deg);border-color:#856c99;box-shadow:4px 4px 0 #c6a2d6;background:linear-gradient(130deg,#e9a9ef,#cbbdf7,#b4dfed,#efb7d8);margin-right:3px}.window-bar{background:linear-gradient(#fff7ff,#dfcce9);height:16px}.art-star{color:#efffb4;text-shadow:2px 3px 0 #856197;font-size:93px}.window-canvas{height:72px}.portfolio-bottom{border-color:#baa4cd;padding:13px 0;font-size:11px}.portfolio-bottom svg{width:22px;height:22px;background:#f9f6ff;border:1px solid #ad97bd;border-radius:5px;padding:3px;box-shadow:0 2px 0 #b8a5c6}
.social-grid{gap:15px}.social{min-height:131px;border-radius:15px;box-shadow:inset 0 2px 0 #fff,0 6px 0 #6e6178,0 7px 0 #b39ec3;padding:16px}.whatsapp{background:linear-gradient(140deg,#f3fff4,#c6efcf 58%,#b8e8d0)}.linkedin{background:linear-gradient(140deg,#f5fbff,#bfd7fa 58%,#c4c3ec)}.social-top{margin-bottom:14px}.social-icon,.linkedin-icon{filter:drop-shadow(0 1px 0 white)}.social h2{font-size:18px}.social p{font-size:11px}.social .small-arrow{width:18px;height:18px;background:#ffffff70;border-radius:3px;padding:2px}
footer{margin-top:28px}.motion-player{display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(#e9dff3,#d3c2e4);border:1px solid #a58bb8;border-radius:8px;padding:5px 6px 5px 10px;box-shadow:inset 0 1px 0 #fff8}.motion-status{display:flex;align-items:center;gap:8px;font:7px var(--mono);letter-spacing:.5px;white-space:nowrap}.equalizer{height:15px;display:flex;gap:2px;align-items:end}.equalizer i{width:2px;height:100%;background:#7b5c91;animation:level-bounce 1.3s ease-in-out infinite alternate;transform-origin:bottom}.equalizer i:nth-child(2){animation-delay:-.8s}.equalizer i:nth-child(3){animation-delay:-.3s}.equalizer i:nth-child(4){animation-delay:-1s}.motion-toggle{min-height:35px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #9782a8;border-radius:5px;background:linear-gradient(#fff9ff,#dbcaea);box-shadow:inset 0 1px 0 #fff,0 2px 0 #b19bc0;font:6px var(--mono);letter-spacing:.2px}.motion-toggle>span:first-child{font:bold 12px Arial}.web-badges{display:flex;justify-content:center;gap:10px;margin:23px 0 20px}.web-badge{display:flex;align-items:center;gap:6px;text-align:left;padding:5px 7px;border:1px solid #9884aa;box-shadow:inset 1px 1px 0 white,2px 2px 0 #ad97bd;background:linear-gradient(#e9ffc5,#d2eaa8);font:5px/1.5 var(--mono);letter-spacing:.4px}.web-badge b{font:22px/1 Arial;color:#6f7e52}.web-badge strong{font-weight:700;font-size:6px;letter-spacing:.1px}.holo-badge{background:linear-gradient(130deg,#fff,#d8efff,#e6d2f7,#ffd8ea,#e4ffe4)}.holo-badge b{color:#8d779f}footer p{font-size:7px;letter-spacing:.8px}.footer-rule{margin-top:20px;border-style:dashed;font-size:6px;letter-spacing:.1px;padding:13px 0 17px}.desktop-note{color:#7d6891;letter-spacing:1.4px}
.motion-paused .compact-disc,.motion-paused .chrome-star,.motion-paused .ticker-track,.motion-paused .equalizer i{animation-play-state:paused!important}
@keyframes disc-spin{to{transform:rotate(360deg)}}
@keyframes star-float{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-5px) rotate(-3deg)}}
@keyframes ticker-slide{to{transform:translateX(-50%)}}
@keyframes level-bounce{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
@media(hover:hover){.card.tactile:hover,.social:hover{transform:translateY(-2px);box-shadow:inset 0 2px 0 #fff,0 9px 0 #6e597b,0 10px 0 #ad97bd}}
@media(max-width:560px){body{background-color:#cbb7e2}.page{width:calc(100% - 24px);margin:12px auto 20px;max-width:456px;padding:0 18px;min-height:calc(100svh - 32px);border:1px solid #78618c;border-radius:14px;box-shadow:4px 5px 0 #a18ab6,5px 6px 0 #78618c}.window-cap{margin:0 -18px}.topbar{height:62px}.intro h1{font-size:34px}.orbit{height:162px;margin-bottom:10px}.filters{gap:7px}.filter{font-size:10px;min-height:41px;padding:8px 9px}.filter span{margin-left:3px}.portfolio-body h2{font-size:27px}.mini-window{width:107px}.eyebrow{font-size:7px;letter-spacing:.8px}.motion-toggle{min-height:40px}.icon-button{height:43px}footer{margin-top:26px}.desktop-note{display:none}}
@media(max-width:365px){.page{width:calc(100% - 18px);padding:0 14px;margin-top:9px}.window-cap{margin:0 -14px}.cap-version{font-size:7px}.wordmark{font-size:12px;padding:0 7px}.intro h1{font-size:30px;letter-spacing:-1.6px}.name-spark{font-size:20px}.bio{font-size:14px}.orbit{transform:scale(.94);height:156px;margin-top:0;margin-bottom:4px}.eyebrow{font-size:6px;letter-spacing:.8px}.filter{font-size:9px;padding:7px;min-height:40px}.filters{gap:6px}.fiverr{padding:17px 13px 16px}.fiverr-heading{gap:10px}.service-icon{width:39px;height:42px;font-size:28px}.card-copy h2{font-size:23px}.card-copy p{font-size:9px}.card-copy .micro{font-size:5px}.gig{font-size:10px;padding:11px 8px}.portfolio{padding:0 13px}.portfolio-top{margin:0 -13px}.portfolio-body h2{font-size:25px}.portfolio-body p{font-size:10px}.mini-window{width:93px;height:85px;margin-right:0}.window-canvas{height:66px}.social{padding:14px}.social h2{font-size:16px}.motion-player{padding-left:7px}.motion-status{font-size:6px;gap:5px}.motion-toggle{font-size:5px;padding:0 6px}.footer-rule{font-size:5px}.gig-count{display:none}}
@media(prefers-reduced-motion:reduce){.compact-disc,.chrome-star,.ticker-track,.equalizer i{animation:none!important}.ticker-track{transform:none}}
.footer-rule{border:0;border-top:1px dashed #ab9bbb}
@media(prefers-reduced-motion:reduce){html.motion-enabled .compact-disc{animation:disc-spin 28s linear infinite!important}html.motion-enabled .chrome-star{animation:star-float 6s ease-in-out infinite!important}html.motion-enabled .ticker-track{animation:ticker-slide 28s linear infinite!important}html.motion-enabled .equalizer i{animation:level-bounce 1.3s ease-in-out infinite alternate!important}}
/* Transparent PNG collage sourced through Pinterest. */
.png-collage{height:165px;margin-bottom:10px}
.sticker-cd,.sticker-star{position:absolute;display:block;object-fit:contain;pointer-events:none;user-select:none}
.sticker-cd{width:146px;height:145px;left:25px;top:9px;transform:rotate(-17deg);filter:drop-shadow(2px 5px 3px #6c507633)}
.sticker-star{width:108px;height:113px;left:132px;top:44px;transform:rotate(13deg);filter:drop-shadow(2px 3px 0 #8d64902b)}
.png-collage .creative-sticker{left:2px;right:auto;top:114px;transform:rotate(-11deg);font-size:10px;padding:6px 10px}
.png-collage .orbit-label{right:6px;bottom:-1px;font-size:6px}
.png-collage .spark-one{right:14px;top:10px;font-size:23px}
.png-collage .spark-two{left:3px;bottom:51px;font-size:19px}
.png-collage .spark-three{left:1px;top:20px;font-size:21px}
.art-png{width:76px;height:79px;object-fit:contain;position:absolute;top:-3px;left:16px;transform:rotate(-12deg);filter:drop-shadow(2px 2px 0 #895e9d55)}
.filters{margin-top:23px;padding-top:15px;border-top:1px dashed #ad95c0}
footer{margin-top:31px}
footer>p{padding-top:0}
@media(max-width:560px){.png-collage{height:165px;margin-bottom:10px}.art-png{left:12px}.filters{margin-top:23px}}
@media(max-width:365px){.png-collage{height:160px;margin-bottom:6px}.art-png{left:6px;width:72px;height:74px}}