:root{--bg-main:#0a0a0a;--text-main:#f5f5f5;--text-muted:#a3a3a3;--accent:#d97706;--surface-1:#171717;--surface-2:#262626;--border-color:#333333}*{margin:0;padding:0;box-sizing:border-box;font-family:'Helvetica Neue',Arial,sans-serif}body{background-color:var(--bg-main);color:var(--text-main);overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh}.navbar{padding:2rem;position:fixed;width:100%;top:0;background:rgba(10,10,10,.8);backdrop-filter:blur(10px);z-index:100}.nav-container{max-width:1400px;margin:0 auto}.logo{color:var(--text-main);text-decoration:none;font-size:1.2rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.main-content{padding-top:100px;max-width:1400px;margin:0 auto;flex-grow:1;width:100%}.footer{text-align:center;padding:2rem;color:var(--text-muted);border-top:1px solid var(--border-color);margin-top:auto}.observe-me{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out}.observe-me.is-visible{opacity:1;transform:translateY(0)}