/* ══════════════════════════════════════════════
   CodeVault — Forms (Gray + Liquid Glass)
   ══════════════════════════════════════════════ */

label{
    display:block;margin:14px 0 5px;
    font-weight:500;font-size:.8em;
    color:var(--t3);
    letter-spacing:.3px;text-transform:uppercase;
}
label i{color:var(--t3);margin-right:4px}
label.enligne{
    display:inline;font-weight:normal;
    color:var(--t3);cursor:pointer;margin:0;
    text-transform:none;
}

input[type="text"],
input[type="password"],
input[type="number"]{
    display:block;width:100%;max-width:360px;
    padding:12px 14px;border-radius:8px;
    margin-bottom:4px;
    font-size:.88em;font-family:inherit;
    color:var(--t1);outline:none;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    transition:all .2s;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus{
    border-color:rgba(255,255,255,.18);
    background:rgba(255,255,255,.06);
    box-shadow:0 0 20px rgba(255,255,255,.03);
}
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder{color:var(--t4)}

input[type="submit"]{
    display:inline-flex;align-items:center;justify-content:center;
    padding:12px 32px;border-radius:980px;
    margin-top:16px;cursor:pointer;
    font-weight:600;font-size:.85em;font-family:inherit;
    color:var(--bg);
    background:rgba(255,255,255,.9);
    border:none;
    transition:all .2s;
    letter-spacing:.2px;
    box-shadow:
        0 0 16px rgba(255,255,255,.06),
        inset 0 1px 0 rgba(255,255,255,.3);
}
input[type="submit"]:hover{
    background:var(--white);
    transform:translateY(-1px);
    box-shadow:
        0 8px 30px rgba(255,255,255,.1),
        inset 0 1px 0 rgba(255,255,255,.4);
}
input[type="submit"]:active{transform:translateY(0)}

input[type="checkbox"]{
    width:16px;height:16px;cursor:pointer;
    accent-color:var(--white);vertical-align:middle;
}

textarea{
    display:block;width:100%;max-width:360px;
    padding:12px 14px;border-radius:8px;
    margin-bottom:4px;
    font-size:.88em;font-family:inherit;
    color:var(--t1);outline:none;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    resize:vertical;min-height:80px;
    transition:all .2s;
}
textarea:focus{
    border-color:rgba(255,255,255,.18);
    background:rgba(255,255,255,.06);
    box-shadow:0 0 20px rgba(255,255,255,.03);
}
textarea::placeholder{color:var(--t4)}

fieldset{
    padding:24px;margin:14px 0;
    border-radius:var(--r);
    position:relative;
    background:rgba(255,255,255,.04);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.1);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 4px 20px rgba(0,0,0,.2);
    overflow:hidden;
}
fieldset::before{
    content:'';position:absolute;inset:0;
    background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 50%);
    pointer-events:none;
}
legend{
    font:500 .72em var(--mono);
    color:var(--t3);padding:0 10px;
    text-transform:uppercase;letter-spacing:1.5px;
}