:root{--color-bg: #0a0a0a;--color-text: #F3F3F3;--color-text-secondary: rgba(243, 243, 243, .8);--color-gold: #F9BE5F;--color-red: #B0152F;--color-purple: #A314FC;--btn-bg: #F3F3F3;--btn-color: #0a0a0a;--font-titles: "Barlow", system-ui, sans-serif;--font-body: "Work Sans", system-ui, sans-serif;--font-size-base: 24px;--border-radius: 20px;--transition-fast: .15s ease;--transition-base: .25s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);line-height:1.3;color:var(--color-text);background-color:var(--color-bg)}.app{display:flex;flex-direction:column;min-height:100vh}.main{flex:1}img,svg{display:block;max-width:100%}a{color:var(--color-text);text-decoration:none;transition:color var(--transition-fast)}:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px;border-radius:4px}:focus:not(:focus-visible){outline:none}button{font-family:var(--font-titles);font-weight:600;font-size:20px;cursor:pointer;border:none;border-radius:var(--border-radius);background-color:var(--btn-bg);color:var(--btn-color);transition:opacity var(--transition-fast)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-titles);font-weight:600;line-height:1.2;color:var(--color-text)}h1{font-size:80px}h2{font-size:50px}p{color:var(--color-text)}@media(max-width:1024px){html{font-size:20px}h1{font-size:60px}h2{font-size:40px}button{font-size:18px}}@media(max-width:768px){html{font-size:18px}h1{font-size:40px}h2{font-size:32px}button{font-size:16px}}@media(max-width:480px){html{font-size:16px}h1{font-size:32px}h2{font-size:24px}button{font-size:14px}}