@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap");:root{--color-primary:#88d498;--color-secondary:#ff6b6b;--color-accent:#4ecdc4;--bg-color:#aecfef;--card-bg:hsla(0,0%,100%,.85);--card-shadow:inset 6px 6px 12px 0 hsla(0,0%,100%,.8),inset -6px -6px 12px 0 rgba(0,0,0,.1),8px 8px 24px rgba(0,0,0,.15);--card-radius:24px;--text-main:#2d3436;--text-muted:#636e72}body.dark{--bg-color:#1a237e;--card-bg:rgba(30,40,60,.85);--card-shadow:inset 4px 4px 10px 0 hsla(0,0%,100%,.1),inset -4px -4px 10px 0 rgba(0,0,0,.3),8px 8px 24px rgba(0,0,0,.4);--text-main:#dfe6e9;--text-muted:#b2bec3}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Fredoka,sans-serif;color:var(--text-main);background:var(--bg-color);transition:background .3s ease,color .3s ease;position:relative;overflow-x:hidden}.container,body{min-height:100vh}.container{max-width:480px;margin:0 auto;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}.clay-card{background:var(--card-bg);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:24px;width:100%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .2s ease}.clay-text-large{font-size:2rem;font-weight:600;text-align:center;color:var(--text-main);margin-bottom:16px}.clay-btn{width:100%;padding:20px;border:none;border-radius:999px;font-family:inherit;font-weight:600;font-size:1.25rem;cursor:pointer;transition:all .1s ease;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--color-primary);color:#fff;box-shadow:inset 4px 4px 8px hsla(0,0%,100%,.4),inset -4px -4px 8px rgba(0,0,0,.1),4px 4px 12px rgba(0,0,0,.2)}.clay-btn:active{transform:scale(.98);box-shadow:inset 4px 4px 8px rgba(0,0,0,.1),inset -4px -4px 8px hsla(0,0%,100%,.2)}.clay-btn.secondary{background:var(--color-secondary)}.clay-btn.outline{background:transparent;border:3px solid var(--color-primary);color:var(--color-primary);box-shadow:none}