body{background-color:#000;font-family:Courier New,Courier,monospace;margin:0;min-height:var(--eq-window-height, 100vh);overflow-x:hidden;overflow-y:auto}#root{width:100%}.hero-section{height:var(--eq-window-height, 100vh);width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;padding:20px;box-sizing:border-box}.hero-identity{margin-top:.8rem;text-align:center}.hero-name{margin:0;color:#fff;font-family:Oswald,sans-serif;font-size:2rem;letter-spacing:.03rem;text-transform:uppercase}.projects-section{min-height:var(--eq-window-height, 100vh);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 2rem;box-sizing:border-box;background:radial-gradient(circle at 15% 15%,rgba(255,215,0,.08),transparent 45%),radial-gradient(circle at 85% 25%,rgba(255,255,255,.05),transparent 40%),linear-gradient(180deg,#050505,#020202);position:relative}.projects-grid{display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:860px;margin-bottom:0}@media(min-width:768px){.projects-grid{gap:1.15rem}}.projects-header{width:100%;max-width:860px;margin-bottom:1rem;color:#fff}.projects-title{margin:0;font-family:Oswald,sans-serif;font-size:clamp(2rem,4vw,3rem);color:#fff;text-transform:uppercase}.projects-intro{margin:.75rem 0 0;color:#bfbfbf;font-family:Arial,sans-serif;line-height:1.6;max-width:60ch;font-size:.98rem}.project-card{background:linear-gradient(180deg,#ffffff05,#fff0),#0a0a0a;border:1px solid rgba(255,215,0,.18);padding:.8rem .95rem;border-radius:14px;text-decoration:none;color:#fff;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;display:grid;grid-template-columns:minmax(120px,145px) minmax(0,1fr);align-items:center;column-gap:.7rem;position:relative;min-height:0;overflow:hidden;box-shadow:0 12px 30px #00000059}.project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,215,0,.08),transparent 45%);opacity:.75;pointer-events:none}.project-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #0000006b;border-color:gold}.project-card-top,.project-card-body{position:relative;z-index:1}.project-card-top{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.35rem}.project-category{border:1px solid rgba(255,215,0,.22);color:#f4df8e;padding:.32rem .7rem;border-radius:999px;font-size:.78rem;font-family:Arial,sans-serif;font-weight:600;letter-spacing:.02rem;text-transform:none;background:#ffd70014;box-shadow:inset 0 1px #ffffff0a}.project-card-body{margin:0}.project-card h3{font-family:Arial,sans-serif;font-size:1.38rem;font-weight:700;color:gold;margin:0 0 .22rem;text-transform:none;line-height:1.1;letter-spacing:.01rem}.project-card p{font-family:Arial,sans-serif;font-size:1.04rem;line-height:1.33;color:#cfcfcf;margin:0;max-width:46ch}.project-card-realtime:before{background:linear-gradient(115deg,rgba(255,215,0,.12),rgba(255,140,0,.05) 35%,transparent 60%)}.project-card-quiz:before{background:linear-gradient(115deg,rgba(255,215,0,.07),rgba(255,255,255,.04) 45%,transparent 70%)}.project-card-publish:before{background:linear-gradient(115deg,rgba(255,215,0,.1),rgba(255,215,0,.02) 40%,transparent 70%)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);cursor:pointer;display:flex;flex-direction:column;align-items:center;color:#fff;opacity:.7;transition:opacity .3s}.scroll-indicator:hover{opacity:1}.arrow-down{width:20px;height:20px;border-right:3px solid #FFD700;border-bottom:3px solid #FFD700;transform:rotate(45deg);margin-top:10px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) rotate(45deg)}40%{transform:translateY(-10px) rotate(45deg)}60%{transform:translateY(-5px) rotate(45deg)}}h1{font-size:5rem;color:gold;font-family:Oswald,sans-serif;margin:0;text-transform:uppercase}.typing-container{border-right:4px solid #FFD700;white-space:nowrap;overflow:hidden;animation:typing .9s steps(9,end) forwards,blink .75s step-end infinite}h2{color:#fff;font-family:Arial,sans-serif;font-size:1.8rem;margin-top:.5rem;font-weight:400}.hero-section h2{font-size:1.25rem}.hero-role{margin:.3rem 0 0;color:#d8d8d8;letter-spacing:.03rem}@keyframes typing{0%{width:0}to{width:9ch}}@keyframes blink{50%{border-color:transparent}}.content{color:#fff;font-family:Arial,sans-serif;text-align:center;position:relative;width:100%;max-width:800px;margin-top:2.4rem}a{text-decoration:none;font-weight:700;color:#fff;position:relative;transition:color .3s;display:inline-flex;align-items:center}.project-card a,.projects-grid a{align-items:stretch}.social-links a span{position:relative;display:inline-block}.social-links a span:after{content:"";position:absolute;left:0;bottom:0;height:2px;background-color:gold;width:100%;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease;z-index:-1}.social-links a:hover span:after{transform:scaleX(1)}.social-links a:hover{color:gold}.icon{width:30px;height:30px;margin-right:10px;vertical-align:middle;border-radius:50%;background-color:#fff;padding:5px;transition:background-color .25s ease,box-shadow .25s ease}.social-links a:hover .icon{background-color:gold;box-shadow:0 0 0 1px #ffd70059,0 0 14px #ffd70040}.social-links{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.rainbow-rail{position:fixed;left:0;right:0;bottom:0;height:4px;background:linear-gradient(to right,red,orange,#ff0,green,#00f,indigo,violet);opacity:.95;z-index:50;pointer-events:none}@media(max-width:640px){html,body{scroll-snap-type:y mandatory}.hero-section,.projects-section{scroll-snap-align:start;scroll-snap-stop:always}.hero-section{height:var(--eq-window-height, 100dvh);min-height:var(--eq-window-height, 100dvh);padding:1rem .9rem 4.8rem;justify-content:center}h1{font-size:2.8rem;text-align:center}.typing-container{border-right-width:3px}.hero-identity{margin-top:.55rem}.hero-name{font-size:1.35rem;line-height:1.05}.hero-role{font-size:.95rem;margin-top:.45rem}.content{margin-top:1.35rem}.social-links{gap:12px;flex-wrap:wrap;margin-bottom:0}.social-links>span{display:none}.social-links a{font-size:.95rem}.icon{width:26px;height:26px;margin-right:8px;padding:4px}.scroll-indicator{bottom:calc(16px + env(safe-area-inset-bottom,0px));opacity:.9}.scroll-indicator span{font-size:.9rem}.projects-section{height:var(--eq-window-height, 100dvh);min-height:var(--eq-window-height, 100dvh);justify-content:flex-start;padding:1rem .85rem calc(.65rem + env(safe-area-inset-bottom,0px));overflow:hidden}.projects-header{margin-bottom:.55rem;text-align:center}.projects-title{font-size:1.45rem}.projects-intro{margin-top:.35rem;font-size:.84rem;line-height:1.3}.projects-grid{gap:.45rem}.project-card{grid-template-columns:1fr;align-items:flex-start;row-gap:.3rem;min-height:0;padding:.6rem .7rem;border-radius:12px}.project-card-top{gap:.3rem}.project-card h3{font-size:1rem;margin-bottom:.14rem}.project-card p{font-size:.82rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:none}.project-category{font-size:.66rem;padding:.22rem .5rem}}