@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600;700&display=swap";
:root{--bg:#121212;--text:#f8f8f2;--keyword:#f92672;--function:#66d9ef;--string:#e6db74;--number:#ae81ff;--variable:#a6e22e;--comment:#75715e;--navy-1:#0a0f1a;--navy-2:#111a28;--glass:rgba(16,24,36,.65);--line:rgba(120,200,255,.18)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:linear-gradient(180deg,var(--navy-1)0%,var(--navy-2)100%);color:var(--text);scroll-behavior:smooth;font-family:Fira Code,monospace;overflow-x:hidden}main{padding:0}h1,h2,h3,p,a,button{transition:color .3s,background .3s,border-color .3s}h1,h2{color:var(--keyword)}p{color:var(--string)}a{color:var(--function);text-decoration:none}a:hover{color:var(--variable)}:focus-visible{outline:2px solid var(--function);outline-offset:3px;border-radius:6px}section{text-align:center;background:linear-gradient(rgba(15,25,35,.4) 0%,rgba(10,15,25,.75) 100%);border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:100px 20px;display:flex;position:relative}section:after{content:"";opacity:.55;background:linear-gradient(90deg,rgba(102,217,239,0),rgba(102,217,239,.45),rgba(249,38,114,.35),rgba(102,217,239,0));height:1px;position:absolute;bottom:0;left:10%;right:10%}button{border:1px solid var(--function);color:var(--function);cursor:pointer;background:rgba(0,150,200,.1);border-radius:8px;padding:12px 30px;font-family:Fira Code,monospace;font-size:1rem;transition:all .25s}button:hover{color:#0b1622;transform:translateY(-1px)}.fade-in{opacity:0;transition:opacity 1s ease-out,transform 1s ease-out;transform:translateY(20px)}.fade-in.visible{opacity:1;transform:translateY(0)}.title{color:var(--keyword);margin-bottom:16px;font-size:2.5rem;font-weight:700}.subtitle{color:var(--string);max-width:800px;font-size:1.2rem}.keyword{color:var(--keyword)}.variable{color:var(--variable)}.function{color:var(--function)}.string{color:var(--string)}.number{color:var(--number)}.comment{color:var(--comment)}::selection{color:#121212;background:#fff}