/* 
    Created on : Mar 13, 2026, 9:57:11 PM
    Author     : djoluc
*/

/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');*/

:root {
    --primary: #3b82f6;
    --accent: #8b5cf6;
    --bg-dark: #0f172a;
    --error: #ef4444;
}

body {
    /*font-family: 'Inter', sans-serif;*/
    background-color: var(--bg-dark);
    color: #f8fafc;
    overflow: hidden; 
}

htx-page-content{
    margin-top: 0px;
}

#bg-canvas {
    position: fixed; inset: 0; z-index: 0;
    pointer-events: none;
}

.glass {
    background: rgba(30, 41, 59, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.ai-gradient-text {
    background: linear-gradient(135deg, #60a5fa, #a78bfa, #f472b6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-mesh {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle at 50% 30%, rgba(59, 130, 246, 0.1), transparent 70%);
    z-index: -1;
}

.input-group:focus-within label {
    color: var(--primary);
}

/* Error States */
.input-error {
    border-color: rgba(239, 68, 68, 0.6) !important;
    background-color: rgba(239, 68, 68, 0.05) !important;
    box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.3);
}

.error-shake {
    animation: shake 0.4s cubic-bezier(.36,.07,.19,.97) both;
}

@keyframes shake {
    10%, 90% { transform: translate3d(-1px, 0, 0); }
    20%, 80% { transform: translate3d(2px, 0, 0); }
    30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
    40%, 60% { transform: translate3d(4px, 0, 0); }
}

.stagger-in {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-out;
}

.stagger-in.visible {
    opacity: 1;
    transform: translateY(0);
}

.hidden-el { display: none; }

/* Custom Checkbox */
input[type="checkbox"] {
    accent-color: var(--primary);
}