:root{--brand-purple:oklch(0.6 0.22 285);--brand-violet:oklch(0.55 0.25 305);--brand-pink:oklch(0.7 0.25 335);--brand-blue:oklch(0.6 0.2 255);--primary:var(--brand-purple);--primary-dark:oklch(0.5 0.2 285);--primary-glow:oklch(0.6 0.22 285/0.4);--clay-bg:rgba(255,255,255,0.82);--clay-shadow-inset-top:rgba(255,255,255,1);--clay-shadow-inset-bottom:rgba(0,0,0,0.08);--clay-shadow-outer:rgba(0,0,0,0.08);--ease-apple:cubic-bezier(0.4,0,0.2,1)}.dark{--brand-purple:oklch(0.65 0.2 285);--primary:var(--brand-purple);--primary-dark:oklch(0.58 0.18 285);--clay-bg:rgba(20,20,30,0.45);--clay-shadow-inset-top:rgba(255,255,255,0.04);--clay-shadow-inset-bottom:rgba(0,0,0,0.35);--clay-shadow-outer:rgba(0,0,0,0.45)}.brand-gradient{background:linear-gradient(135deg,var(--brand-purple),var(--brand-violet))}.brand-text-gradient{background:linear-gradient(135deg,var(--brand-purple),var(--brand-pink));background-clip:text;-webkit-background-clip:text;color:transparent}.clay-surface{background:var(--background);border-radius:40px;border:1px solid rgba(255,255,255,.1);box-shadow:20px 20px 60px rgba(0,0,0,.05),-10px -10px 40px rgba(255,255,255,.02)}.clay-input{width:100%;background:#f8f9fc;border:none;border-radius:20px;padding:16px 20px;font-size:16px;font-weight:500;box-shadow:inset 4px 4px 8px rgba(0,0,0,.05),inset -4px -4px 8px rgba(255,255,255,.9);transition:all .3s ease}.clay-input:focus{outline:none;box-shadow:inset 2px 2px 4px rgba(0,0,0,.05),inset -2px -2px 4px rgba(255,255,255,.9),0 0 0 3px var(--primary-alpha)}.clay-button-large{background:linear-gradient(145deg,var(--primary),var(--primary-dark));color:white;padding:18px 40px;border-radius:24px;font-weight:800;display:flex;align-items:center;box-shadow:0 10px 20px var(--primary-alpha),inset 0 4px 8px rgba(255,255,255,.2);transition:all .3s cubic-bezier(.2,.8,.2,1)}.clay-button-large:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 15px 30px var(--primary-alpha)}.clay-button-large:active{transform:scale(.98)}.clay-button-large:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(1)}.clay-pill{padding:10px 24px;border-radius:99px;font-size:14px;font-weight:600;cursor:pointer;border:2px solid transparent}.clay-pill-inactive{background:#f0f2f7;color:#6a7185;box-shadow:4px 4px 8px rgba(0,0,0,.02),-4px -4px 8px rgba(255,255,255,.8)}.clay-pill-active{background:var(--brand-purple);color:white;box-shadow:0 8px 16px var(--primary-glow)}.brand-gradient-text{background:linear-gradient(135deg,var(--brand-purple),var(--brand-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent}