html {
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
}

.gradient-text {
    display: inline-block;
    background: linear-gradient(135deg, #7C3AED 0%, #22D3EE 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.field {
    width: 100%;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.04);
    padding: 1rem;
    color: #fff;
    outline: none;
    transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}

.field::placeholder {
    color: rgba(156, 163, 175, 0.8);
}

.field:focus {
    border-color: rgba(34, 211, 238, 0.65);
    background: rgba(255, 255, 255, 0.06);
    box-shadow: 0 0 0 4px rgba(34, 211, 238, 0.08);
}