.citizen-page{--va-bg:#08111f;--va-panel:#0f1d31;--va-panel-2:#13253d;--va-border:#243a59;--va-text:#eef6ff;--va-muted:#97abc5;--va-blue:#38bdf8;--va-green:#34d399;--va-yellow:#fbbf24;--va-red:#fb7185;--va-purple:#a78bfa;background:radial-gradient(circle at 10% 0%,#38bdf81f,transparent 30%), radial-gradient(circle at 90% 10%,#a78bfa1a,transparent 28%), var(--va-bg);color:var(--va-text);min-height:100%;padding-bottom:40px}.citizen-page .citizen-topbar{border:1px solid var(--va-border);background:linear-gradient(135deg,#0f1d31fa,#08111ff5);border-radius:22px;margin-bottom:18px;padding:22px;box-shadow:0 18px 45px #00000038}.citizen-page .citizen-kicker{color:var(--va-blue);letter-spacing:.12em;font-weight:800}.citizen-page .citizen-topbar h1{margin:4px 0 6px;font-size:clamp(24px,3vw,38px)}.citizen-page .citizen-topbar p{color:var(--va-muted);max-width:760px}.citizen-page .citizen-topbar button{border:1px solid var(--va-border);min-height:46px;color:var(--va-text);background:#13253d;border-radius:14px;padding:0 18px;font-weight:800}.citizen-page .citizen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.citizen-page .citizen-card{position:relative;overflow:hidden;border:1px solid var(--va-border)!important;background:linear-gradient(145deg,var(--va-panel),var(--va-panel-2))!important;border-radius:20px!important;padding:18px!important}.citizen-page .citizen-card:before{content:"";background:var(--va-blue);width:4px;position:absolute;inset:0 auto 0 0}.citizen-page .citizen-card:nth-child(2):before{background:var(--va-green)}.citizen-page .citizen-card h2{margin:5px 0 6px;font-size:21px}.citizen-page .citizen-card p{color:var(--va-muted);margin:0}.citizen-page .citizen-section{border:1px solid var(--va-border);background:linear-gradient(#0f1d31fa,#0a1524fa);border-radius:24px;padding:18px;box-shadow:0 18px 50px #0000002e}.citizen-page .citizen-section-head{border-bottom:1px solid var(--va-border);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.citizen-page .citizen-section-head h2{margin:0;font-size:22px}.citizen-page .citizen-section-head span{color:var(--va-muted);font-size:13px}.citizen-page .cco-form-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;display:grid}.citizen-page .cco-form-field{border:1px solid var(--va-border);background:#13253dc7;border-radius:16px;flex-direction:column;grid-column:span 4;gap:8px;min-width:0;padding:13px;transition:border-color .18s,transform .18s,background .18s;display:flex}.citizen-page .cco-form-field:focus-within{border-color:var(--va-blue);background:#152b47;transform:translateY(-1px)}.citizen-page .cco-form-field.cco-span-2{grid-column:span 8}.citizen-page .cco-form-field>span{letter-spacing:.04em;text-transform:uppercase;color:#b9cbe0;font-size:12px;font-weight:800}.citizen-page .cco-input,.citizen-page .cco-select,.citizen-page textarea{outline:none;width:100%;min-width:0;min-height:48px;color:var(--va-text)!important;background:#091526!important;border:1px solid #314b6c!important;border-radius:12px!important;padding:0 13px!important;font-size:16px!important}.citizen-page textarea{resize:vertical;min-height:110px;padding:12px 13px!important}.citizen-page .cco-input:focus,.citizen-page .cco-select:focus,.citizen-page textarea:focus{box-shadow:0 0 0 3px #38bdf81f;border-color:var(--va-blue)!important}.citizen-page .cco-select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg,#0000 50%,#8bcdf0 50%),linear-gradient(135deg,#8bcdf0 50%,#0000 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:38px!important}.citizen-page input[type=checkbox]{width:22px;height:22px;accent-color:var(--va-green)}.citizen-page input[type=file]{min-height:52px;color:#c7d8eb!important;background:#0a1728!important;border:1px dashed #3b5d83!important;border-radius:13px!important;padding:9px!important}.citizen-page input[type=file]::file-selector-button{color:#ecf8ff;cursor:pointer;background:#173b5a;border:0;border-radius:10px;margin-right:10px;padding:10px 14px;font-weight:800}.citizen-page button{border-radius:13px;min-height:44px;font-weight:800;transition:transform .16s,filter .16s,border-color .16s}@media (hover:hover){.citizen-page button:hover{filter:brightness(1.08);transform:translateY(-1px)}}.citizen-page button:disabled{opacity:.48;cursor:not-allowed;transform:none}.citizen-page .citizen-info-card{border:1px solid var(--va-border)!important;color:var(--va-text)!important;background:#10213a!important;border-radius:16px!important}.citizen-page .citizen-section button[type=submit]{box-shadow:0 10px 26px #0ea5e938;color:#fff!important;background:linear-gradient(135deg,#0284c7,#0ea5e9)!important;border:0!important;padding:0 20px!important}.citizen-page .citizen-section button[type=button]{color:#e8f3ff!important;background:#172a44!important;border:1px solid #365477!important;padding:0 16px!important}.citizen-page .citizen-section button[style*="8b2635"],.citizen-page .citizen-section button[style*=\#8b2635]{color:#ffe4e9!important;background:#4a1822!important;border-color:#8b2635!important}.citizen-page .citizen-section h3{border-left:4px solid var(--va-blue);background:linear-gradient(90deg,#38bdf821,#0000);border-radius:14px;margin:20px 0 10px;padding:12px 14px;font-size:16px}.citizen-page .citizen-section hr{border:0;border-top:1px solid var(--va-border);margin:18px 0}.citizen-page .citizen-section ul,.citizen-page .citizen-section .document-list{gap:10px;display:grid}.citizen-page .citizen-section li{border:1px solid var(--va-border);background:#0d1c30;border-radius:14px;padding:12px}@media (max-width:900px){.citizen-page .cco-form-field{grid-column:span 6}.citizen-page .cco-form-field.cco-span-2{grid-column:span 12}}@media (max-width:640px){.citizen-page{padding-bottom:22px}.citizen-page .citizen-topbar{border-radius:18px;grid-template-columns:1fr;gap:12px;margin-bottom:12px;padding:16px;display:grid!important}.citizen-page .citizen-topbar button{width:100%}.citizen-page .citizen-grid{grid-template-columns:1fr;gap:10px}.citizen-page .citizen-card{border-radius:16px!important;padding:15px!important}.citizen-page .citizen-section{border-radius:18px;padding:12px}.citizen-page .citizen-section-head{flex-direction:column;align-items:flex-start}.citizen-page .cco-form-grid{grid-template-columns:1fr;gap:10px}.citizen-page .cco-form-field,.citizen-page .cco-form-field.cco-span-2{border-radius:15px;padding:12px;grid-column:1!important}.citizen-page .cco-input,.citizen-page .cco-select,.citizen-page textarea{min-height:50px;font-size:16px!important}.citizen-page .citizen-section button{width:100%;min-height:50px}}