:root{--biok-black: #000000;--biok-white: #ffffff;--biok-yellow: #efe840;--biok-red: #991b1b;--biok-green-700: #2f2f31;--biok-green-600: #3b3b40;--biok-green-300: #64748b;--biok-green-100: #ececec;--biok-surface: #f4f4f5;--biok-text: #111827}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light}body{margin:0;font-family:Grotesque MT Std,IBM Plex Sans,Segoe UI,sans-serif;font-size:16px;color:var(--biok-text);background:var(--biok-green-100)}h1,h2,h3{margin:0 0 16px;font-weight:700;color:var(--biok-text)}input,select,textarea,button{font-family:inherit;font-size:inherit}label{display:block;margin-bottom:4px;font-size:.95rem;font-weight:600;color:#1f2937}input[type=text],input[type=password],input[type=email],select{width:100%;padding:.82rem;border:2px solid var(--biok-green-300);border-radius:8px;background:#f8fafc;font-size:.95rem;color:#475569;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,select:focus{outline:none;border-color:#334155;box-shadow:0 0 0 3px #33415526}select{appearance:auto}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.95rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s}.btn:disabled{opacity:.65;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--biok-green-700),var(--biok-green-600));color:var(--biok-white);box-shadow:0 2px 8px #00000026}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background:#e5e7eb;color:#1f2937}.btn-secondary:hover:not(:disabled){background:#d1d5db}.btn-sm{width:auto;padding:.55rem 1.2rem;font-size:.9rem}.btn-xs{width:auto;padding:.4rem .8rem;font-size:.82rem}.btn-danger{background:linear-gradient(120deg,#b9231f,var(--biok-red));color:var(--biok-white)}.btn-danger:hover:not(:disabled){opacity:.9}.card{padding:2.7rem;border-radius:22px;background:var(--biok-surface);box-shadow:0 14px 30px #00000029}.error-message{color:var(--biok-red);font-size:.84rem}.success-message{color:#166534;font-size:.84rem}@media (max-width: 900px){body{font-size:15px}.card{padding:1.5rem;border-radius:16px}}