:root{--color-bg: #0a0a0a;--color-surface: #121212;--color-primary: #00f2ff;--color-secondary: #ff0055;--color-text: #ffffff;--color-text-muted: #a0a0a0;--font-heading: "Syne", sans-serif;--font-body: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='600' height='300' viewBox='0 0 600 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.base %7B font-family: 'Syne', sans-serif; font-weight: 900; font-size: 80px; text-transform: uppercase; letter-spacing: -2px; %7D .outline %7B fill: none; stroke: rgba(255, 255, 255, 0.03); stroke-width: 2px; %7D .filled %7B fill: rgba(0, 242, 255, 0.02); stroke: none; %7D%3C/style%3E%3Ctext x='100' y='100' class='base outline' transform='rotate(-15 100 100)'%3ETHEPHOTOFT%3C/text%3E%3Ctext x='350' y='250' class='base filled' transform='rotate(-15 350 250)'%3ETHEPHOTOFT%3C/text%3E%3Ctext x='400' y='50' class='base outline' transform='rotate(-15 400 50)'%3EFT%3C/text%3E%3C/svg%3E");background-size:600px 300px;pointer-events:none;z-index:-1}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;line-height:1.1}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}