:root{--fg:#f0f0f0;--mu:rgba(240,240,240,.6);--a:#e85d26;--g:rgba(232,93,38,.4)}
*{margin:0;padding:0;box-sizing:border-box}
#c{position:fixed;inset:0;z-index:0;pointer-events:none}
body{color:var(--fg);background:#121212;font-family:'Hack',monospace;line-height:1.6;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}
.top-bar,main{position:relative;z-index:1}
.top-bar{background:transparent;height:48px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}
.logo img{height:44px;width:auto;display:block}
main{flex:1;display:flex;align-items:center;padding:2rem 15%}
.c{text-align:left;animation:u .8s ease-out}
.e{font-size:clamp(6rem,15vw,12rem);font-weight:bold;color:var(--a);line-height:1;margin-bottom:1rem;position:relative;text-shadow:0 0 40px var(--g),0 0 80px rgba(232,93,38,.2);animation:p 3s ease-in-out infinite}
.e::after{content:attr(data-code);position:absolute;inset:0;color:transparent;-webkit-text-stroke:1px var(--a);opacity:.3;transform:translate(4px,4px);z-index:-1}
h1{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:1rem;color:var(--fg);font-weight:400}
p{font-size:1rem;margin:0 auto 2.5rem;color:var(--mu);max-width:500px}
.b{display:inline-block;padding:.875rem 2.5rem;background:var(--a);color:#121212;text-decoration:none;font-family:inherit;font-size:.95rem;font-weight:bold;border-radius:4px;transition:all .3s;position:relative;overflow:hidden}
.b::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}
.b:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--g)}
.b:hover::before{left:100%}
.cur{display:inline-block;width:3px;height:1em;background:var(--a);margin-left:4px;animation:b 1s step-end infinite;vertical-align:middle}
.actions{display:flex;gap:1rem;flex-wrap:wrap}
@keyframes u{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes b{0%,100%{opacity:1}50%{opacity:0}}
@keyframes p{0%,100%{text-shadow:0 0 40px var(--g),0 0 80px rgba(232,93,38,.2)}50%{text-shadow:0 0 60px var(--g),0 0 100px rgba(232,93,38,.3)}}
@media(max-width:600px){main{padding:2rem 5%}}