body { font-family: 'Inter', sans-serif; }
[x-cloak] { display: none !important; }
.premium-card { 
    background: white;
    border: 1px solid #f1f5f9;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.premium-card:hover { 
    border-color: #e2e8f0;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    transform: translateY(-2px);
}
input:focus, select:focus, textarea:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 4px #6366f1;
    outline: 2px solid transparent;
    outline-offset: 2px;
}