html { scroll-behavior: smooth; }
body { font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }

input:invalid:not(:placeholder-shown):not(:focus) {
    border-color: #ef4444;
}

@media (max-width: 380px) {
    h1 { font-size: 1.75rem; line-height: 1.15; }
}

.success-pop {
    animation: pop .35s cubic-bezier(.2,.8,.3,1.4);
}
@keyframes pop {
    0%   { transform: scale(.6); opacity: 0; }
    100% { transform: scale(1);   opacity: 1; }
}