:root{--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}html{scroll-behavior:smooth}body{font-family:var(--font-mono);color:#cbbce6;background:radial-gradient(at 50% 40%,#1a0b26 0%,#0a050f 70%) fixed;min-height:100vh;margin:0;position:relative;overflow-x:hidden}.hero{flex-direction:column;justify-content:center;align-items:center;gap:52px;min-height:100vh;display:flex;position:relative}body:before{content:"";z-index:4;pointer-events:none;background:repeating-linear-gradient(0deg,#00000038 0 1px,#0000 1px 3px);position:fixed;inset:0}body:after{content:"";pointer-events:none;background:linear-gradient(#0000,#ff00aa21);height:120px;position:fixed;bottom:0;left:0;right:0}.logo-wrap{text-align:center;animation:7s linear 2.3s infinite buzz}.logo{letter-spacing:6px;color:#ffd9f2;text-shadow:0 0 6px #ff96dce6,0 0 18px #ff3cb4d9,0 0 44px #ff00968c,0 0 84px #c800ff59;font-family:Monoton,cursive;font-size:92px;line-height:1;animation:1.4s linear .9s both neonOn}.flicker{animation:4.7s linear 2.3s infinite flickerA;display:inline-block}.crt-on{z-index:10;pointer-events:none;transform-origin:50%;background:#5a1fb0;animation:1.1s ease-out both crtPowerOn;position:fixed;inset:0}@keyframes crtPowerOn{0%{opacity:.85;transform:scaleY(.006)}16%{opacity:.8;transform:scaleY(.006)}40%{opacity:.5;transform:scaleY(1)}55%{opacity:.28}to{opacity:0;transform:scaleY(1)}}@keyframes neonOn{0%,10%{opacity:0}11%{opacity:.55}12%{opacity:0}22%{opacity:0}23%{opacity:.9}24%{opacity:.25}26%{opacity:.9}40%{opacity:.45}41%{opacity:1}46%{opacity:.35}47%,to{opacity:1}}@keyframes taglineRise{0%{transform:translateY(12px)}to{transform:translateY(0)}}.tagline{letter-spacing:14px;color:#cdb8ff;text-shadow:0 0 5px #be96ffd9,0 0 16px #8c3cffb3,0 0 40px #7800ff66;margin-top:18px;padding-left:14px;font-family:Monoton,cursive;font-size:26px;line-height:1;animation:1.2s linear 1.9s both neonOn,.6s ease-out 1.9s both taglineRise}.trace-section{z-index:2;justify-content:center;padding:0 24px 110px;display:flex;position:relative}.trace{box-sizing:border-box;text-align:left;letter-spacing:.5px;color:#7df3dc;text-shadow:0 0 4px #3cffdc8c,0 0 14px #00ffc840;z-index:2;background:linear-gradient(#061c1e8c,#040e1459);border:1px solid #5affe147;border-radius:8px;width:min(430px,88vw);min-height:248px;padding:14px 18px 16px;font-size:13px;line-height:1.75;position:relative;box-shadow:inset 0 0 30px #00ffd212,0 0 22px #00ffc81a}.trace-header{color:#7df3dc8c;letter-spacing:2px;border-bottom:1px solid #5affe12e;margin-bottom:8px;padding-bottom:6px;font-size:11px}.trace pre{white-space:pre-wrap;word-break:break-all;margin:0;font-family:inherit}.trace .status-ok{color:#ffd9f2;text-shadow:0 0 6px #ff50becc}.cursor{vertical-align:text-bottom;background:#7df3dc;width:.6em;height:1em;animation:1s step-end infinite blink;display:inline-block;box-shadow:0 0 8px #3cffdccc}@keyframes blink{50%{opacity:0}}.scroll-hint{color:#cdb8ff8c;letter-spacing:4px;flex-direction:column;align-items:center;gap:8px;padding-left:4px;font-size:10px;animation:1.6s 3s both hintFade,2.4s ease-in-out 4.4s infinite bob;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-hint svg{width:18px;height:18px}@keyframes hintFade{0%{opacity:0}to{opacity:1}}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}.section{text-align:center;z-index:2;max-width:680px;margin:0 auto;padding:100px 24px;position:relative}.section-label{letter-spacing:8px;color:#ffd9f2;text-shadow:0 0 6px #ff96dccc,0 0 22px #ff3cb48c,0 0 50px #ff00964d;margin:0 0 36px;font-family:Monoton,cursive;font-size:30px;font-weight:400;animation:4.7s linear infinite flickerA}#projects .section-label{animation-duration:5.6s;animation-delay:1.3s}.section p{letter-spacing:.3px;color:#cbbce6;max-width:58ch;margin:0 auto 22px;font-size:16px;line-height:1.95}.section p:last-of-type{margin-bottom:0}.projects-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:48px;display:grid}.project-card{--c:#ff5cc8;border:1px solid color-mix(in srgb, var(--c) 38%, transparent);box-shadow:inset 0 0 26px color-mix(in srgb, var(--c) 7%, transparent);background:linear-gradient(#ffffff09,#ffffff02);border-radius:12px;padding:26px 24px 24px;transition:transform .25s,box-shadow .25s,border-color .25s}.project-card:hover{border-color:color-mix(in srgb, var(--c) 72%, transparent);box-shadow:inset 0 0 32px color-mix(in srgb, var(--c) 11%, transparent), 0 0 30px color-mix(in srgb, var(--c) 22%, transparent);transform:translateY(-4px)}.project-icon{color:var(--c);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--c) 65%, transparent))}.project-icon svg{width:52px;height:52px;display:block}.project-title{letter-spacing:3px;color:#f4ecff;margin:18px 0 7px;font-size:15px;font-weight:400}.project-tag{letter-spacing:1.5px;color:color-mix(in srgb, var(--c) 75%, #cbbce6);font-size:11px}.cta-button{letter-spacing:3px;text-transform:uppercase;color:#ffd9f2;text-shadow:0 0 6px #ff78c899;background:#ff3cb40f;border:1px solid #ff78c880;border-radius:6px;margin-top:44px;padding:13px 32px;font-family:inherit;font-size:13px;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s,border-color .2s;display:inline-block}.cta-button:hover{background:#ff3cb429;border-color:#ff78c8d9;transform:translateY(-2px);box-shadow:0 0 22px #ff009652}.contact-terminal{box-sizing:border-box;text-align:left;letter-spacing:.5px;color:#7df3dc;text-shadow:0 0 4px #3cffdc80;background:linear-gradient(#061c1e8c,#040e1459);border:1px solid #5affe147;border-radius:8px;width:min(560px,100%);margin:44px auto 0;padding:16px 20px 20px;font-size:13px;line-height:1.7;box-shadow:inset 0 0 30px #00ffd212,0 0 22px #00ffc81a}.contact-field{margin-top:14px}.contact-field label{letter-spacing:2px;color:#7df3dcb3;margin-bottom:6px;font-size:11px;display:block}.contact-field input,.contact-field textarea{box-sizing:border-box;color:#7df3dc;letter-spacing:.5px;text-transform:uppercase;caret-color:#7df3dc;text-shadow:0 0 4px #3cffdc66;background:#00000047;border:1px solid #5affe147;border-radius:4px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.contact-field textarea{resize:vertical;min-height:96px}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#7df3dc52}.contact-field input:focus,.contact-field textarea:focus{border-color:#7df3dcbf;box-shadow:0 0 14px #00ffc82e,inset 0 0 12px #00ffc80f}.honey{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.transmit{color:#7df3dc;letter-spacing:3px;text-transform:uppercase;cursor:pointer;text-shadow:0 0 5px #3cffdc80;background:0 0;border:1px solid #7df3dc80;border-radius:4px;margin-top:18px;padding:11px 20px;font-family:inherit;font-size:12px;transition:background .2s,box-shadow .2s,opacity .2s}.transmit:hover:not(:disabled){background:#7df3dc1f;box-shadow:0 0 16px #00ffc840}.transmit:disabled{opacity:.45;cursor:default}.contact-status{letter-spacing:1px;color:#7df3dcd9;min-height:1.2em;margin-top:14px;font-size:12px}.contact-status.is-ok{color:#ffd9f2;text-shadow:0 0 6px #ff50beb3}.contact-status.is-err{color:#ff8fbf;text-shadow:0 0 6px #ff50be99}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}.reveal.in{opacity:1;transform:none}@media (width<=640px){.logo{letter-spacing:3px;font-size:13vw}.tagline{letter-spacing:7px;padding-left:7px;font-size:4vw}.trace{min-height:224px;font-size:11px}.section{padding:74px 20px}.section-label{letter-spacing:5px;font-size:22px}.projects-grid{grid-template-columns:1fr}}@keyframes flickerA{0%,to{opacity:1}40.9%{opacity:1}41%{opacity:.4}41.6%{opacity:1}44.9%{opacity:1}45%{opacity:.2}45.4%{opacity:.9}45.8%{opacity:.35}46.2%{opacity:1}78.9%{opacity:1}79%{opacity:.5}79.5%{opacity:1}}@keyframes buzz{0%,to{opacity:1}92%{opacity:1}92.5%{opacity:.82}93%{opacity:1}96%{opacity:1}96.3%{opacity:.88}96.6%{opacity:1}}