:root{--color-primary: #FFDE59;--color-secondary: #7ED957;--color-accent: #FF5757;--color-tertiary: #5CE1E6;--color-bg: #FDFBF7;--color-surface: #FFFFFF;--color-text: #1E1E1E;--color-text-light: #555555;--border-width: 3px;--border-radius: 12px;--box-shadow-offset: 4px;--border-color: #1E1E1E}body{margin:0;font-family:Inter,Outfit,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);background-image:radial-gradient(var(--color-text-light) 1px,transparent 1px);background-size:24px 24px;background-position:0 0;color:var(--color-text);overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:800;letter-spacing:-.02em;margin:0 0 1rem}h1{font-size:3.5rem;line-height:1.1}h2{font-size:2.5rem}h3{font-size:1.75rem}p{line-height:1.6;margin-bottom:1.5rem;font-size:1.125rem}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-bg);border-left:var(--border-width) solid var(--color-text)}::-webkit-scrollbar-thumb{background:var(--color-accent);border:var(--border-width) solid var(--color-text);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.pop-card{background:var(--color-surface);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--box-shadow-offset) var(--box-shadow-offset) 0 var(--border-color);transition:transform .2s cubic-bezier(.25,.46,.45,.94),box-shadow .2s cubic-bezier(.25,.46,.45,.94)}.pop-card:hover{transform:translate(-2px,-2px);box-shadow:calc(var(--box-shadow-offset) + 2px) calc(var(--box-shadow-offset) + 2px) 0 var(--border-color)}button{all:unset;cursor:pointer;box-sizing:border-box}.pop-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--color-primary);color:var(--border-color);font-weight:800;font-size:1.125rem;padding:.75rem 2rem;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow-offset) var(--box-shadow-offset) 0 var(--border-color);transition:all .15s ease-out;text-transform:uppercase;letter-spacing:.05em}.pop-button:hover{transform:translate(-2px,-2px);box-shadow:calc(var(--box-shadow-offset) + 2px) calc(var(--box-shadow-offset) + 2px) 0 var(--border-color);filter:brightness(1.05)}.pop-button:active{transform:translate(0);box-shadow:0 0 0 var(--border-color)}.pop-button.secondary{background-color:var(--color-secondary)}.pop-button.accent{background-color:var(--color-accent);color:#fff}.pop-input{width:100%;padding:.875rem 1rem;font-size:1rem;font-family:inherit;font-weight:600;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);background:var(--color-surface);box-shadow:2px 2px 0 var(--border-color);transition:all .2s;outline:none}.pop-input:focus{box-shadow:4px 4px 0 var(--border-color);transform:translate(-1px,-1px)}.pop-input::placeholder{color:#aaa;font-weight:400}.pop-label{display:block;font-weight:800;margin-bottom:.5rem;text-transform:uppercase;font-size:.875rem;letter-spacing:.05em}