:root{--page-bg:#f6f7fb;--card-bg:#fff;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--shadow:#0f172a14 0 12px 30px -18px}html,body{height:100%}body{background:var(--page-bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit;text-decoration:none}.container{max-width:1240px;margin:0 auto;padding:24px 20px 52px;font-size:17px}.topbar{justify-content:center;align-items:center;gap:14px;padding:8px 0 18px;display:flex}.mark{border:1px solid var(--border);width:84px;height:84px;box-shadow:var(--shadow);background:#fff;border-radius:10px;justify-content:center;align-items:center;display:flex;overflow:hidden}.mark img{object-fit:cover;width:100%;height:100%}.titleblock{text-align:center}.titleblock h1{letter-spacing:-.8px;margin:0;font-size:40px}.titleGradient{background:linear-gradient(90deg,#8c1f45 0%,#6a2d79 24%,#138a4f 62%,#e0b71c 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.titleblock p{color:var(--muted);margin:4px 0 0;font-size:16px}@media (width<=640px){.topbar{align-items:flex-start;gap:10px}.mark{width:66px;height:66px}.titleblock h1{font-size:34px;line-height:1.05}.titleblock p{font-size:14px}}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:18px;margin-top:14px;padding:18px}.searchRow{border:1px solid var(--border);background:#fbfbfd;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.searchRow input{background:0 0;border:0;outline:none;width:100%;font-size:16px}.chipsRow{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.chipsRow .label{color:var(--muted);margin-right:4px;font-size:15px}.chip{border:1px solid var(--border);color:#374151;cursor:pointer;background:#fff;border-radius:999px;padding:9px 14px;font-size:15px;transition:transform .12s,box-shadow .12s,background .12s}.chip:hover{transform:translateY(-1px);box-shadow:0 10px 18px -14px #0f172a14}.chip[data-active=true]{color:#fff;background:#111827;border-color:#111827}.chipReset{color:#475569;background:#f1f5f9;border-color:#cbd5e1;align-items:center;gap:8px;font-weight:600;display:inline-flex}.chipReset:hover{background:#e2e8f0;border-color:#94a3b8}.metaRow{color:var(--muted);margin:16px 0 10px;font-size:15px}.grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=980px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.grid{grid-template-columns:1fr}}.card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;border-radius:16px;flex-direction:column;min-height:230px;padding:20px 20px 18px;transition:transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 16px 34px -20px #0f172a1f}.card:before{content:"";background:var(--accent,#ef4444);width:4px;position:absolute;top:0;bottom:0;left:0}.badge{border:1px solid color-mix(in oklab, var(--accent) 30%, white);background:color-mix(in oklab, var(--accent) 12%, white);color:color-mix(in oklab, var(--accent) 85%, black);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:5px 11px;font-size:13px;font-weight:600;display:inline-flex}.iconWrap{flex:1;place-items:center;padding:14px 0 8px;display:grid}.icon{object-fit:contain;width:74px;height:74px;display:block}.card h3{letter-spacing:-.2px;margin:4px 0 6px;font-size:19px}.card p{color:var(--muted);margin:0 0 10px;font-size:15px;line-height:1.35}.linkRow{color:color-mix(in oklab, var(--accent) 85%, black);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.authBar{align-items:center;gap:10px;display:flex;position:absolute;top:18px;right:18px}.btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;padding:8px 10px;font-size:13px}.btn.primary{color:#fff;background:#111827;border-color:#111827}.authCard{border:1px solid var(--border);max-width:420px;box-shadow:var(--shadow);background:#fff;border-radius:18px;margin:40px auto;padding:18px}.field{flex-direction:column;gap:6px;margin-top:12px;display:flex}.field label{color:#374151;font-size:13px;font-weight:600}.field input{border:1px solid var(--border);border-radius:12px;outline:none;padding:10px 12px;font-size:14px}.error{color:#b91c1c;margin-top:10px;font-size:13px}.suiviDematViewport{background:linear-gradient(#19a149 0%,#177d3c 100%);justify-content:center;align-items:center;min-height:100svh;padding:20px;display:flex}.suiviDematShell{width:100%;max-width:430px}.suiviDematCard{background:#f3f4f6;border-radius:12px;padding:26px 22px 22px;box-shadow:0 20px 36px -20px #0000003d}.suiviDematBrand{text-align:center;margin-bottom:18px}.suiviDematLogo{object-fit:contain;width:48px;height:48px;margin:0 auto 12px}.suiviDematBrand h1{letter-spacing:-.4px;color:#111827;margin:0;font-size:34px;line-height:1.05}.suiviDematBrand p{color:#6b7280;margin:8px 0 0;font-size:15px}.suiviDematForm{gap:14px;display:grid}.suiviDematField{gap:8px;display:grid}.suiviDematField label{color:#4b5563;font-size:14px;font-weight:600}.suiviDematField input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:11px 12px;font-size:15px;transition:box-shadow .12s,border-color .12s}.suiviDematField input:focus{border-color:#22a95f;box-shadow:0 0 0 3px #22a95f2e}.suiviDematField input::placeholder{color:#9ca3af}.suiviDematButton{color:#fff;cursor:pointer;background:#17a34a;border:0;border-radius:8px;margin-top:2px;padding:12px;font-size:15px;font-weight:600;transition:background .12s}.suiviDematButton:hover{background:#12863c}@media (width<=520px){.suiviDematCard{padding:22px 16px 18px}.suiviDematBrand h1{font-size:30px}.suiviDematBrand p{font-size:14px}}.bondooViewport{background:radial-gradient(1200px 600px at 65% 45%,#0a3d78 0%,#0a3d788c 35%,#030823fa 70%),radial-gradient(900px 700px at 30%,#060e3ce6 0%,#030823 60%);min-height:100svh;position:relative;overflow:hidden}.bondooBlob{filter:blur(.2px);opacity:.95;background:radial-gradient(circle at 30% 30%,#2fb6ff 0%,#0a8dd9 45%,#056aa8 75%,#056aa800 100%);border-radius:999px;position:absolute}.bondooBlob.left{width:520px;height:520px;top:190px;left:-210px}.bondooBlob.right{width:560px;height:560px;top:170px;right:-240px}.bondooBlob.bottom{opacity:.9;width:760px;height:760px;bottom:-520px;left:55%;transform:translate(-50%)}.bondooDot{opacity:.95;background:radial-gradient(circle at 30% 30%,#6ad2ff 0%,#1aa3ef 55%,#0b6fb2 100%);border-radius:999px;width:44px;height:44px;position:absolute}.bondooDot.d1{width:44px;height:44px;top:250px;left:260px}.bondooDot.d2{opacity:.85;width:22px;height:22px;top:345px;left:360px}.bondooDot.d3{opacity:.9;width:30px;height:30px;bottom:210px;right:300px}.bondooCenter{place-items:center;min-height:100svh;padding:24px;display:grid;position:relative}.bondooCard{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffeb;background:#080a12e0;border:1px solid #ffffff1a;border-radius:10px;width:330px;padding:14px 14px 12px;box-shadow:0 18px 40px -18px #0000008c}.bondooLogo{color:#111827;background:#fff;border:1px solid #00000014;border-radius:6px;place-items:center;width:74px;height:74px;margin:-56px auto 10px;font-weight:900;display:grid}.bondooTitle{text-align:center;margin:0 0 10px;font-size:13px;font-weight:800}.bondooSub{opacity:.85;margin-top:2px;font-weight:700;display:block}.bondooFieldLabel{opacity:.9;margin:10px 0 6px;font-size:11px}.bondooInput{box-sizing:border-box;color:#ffffffeb;background:#0000004d;border:1px solid #fff3;border-radius:6px;outline:none;width:100%;padding:9px 10px;font-size:13px}.bondooInput::placeholder{color:#ffffff8c}.bondooRow{opacity:.9;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:11px;display:flex}.bondooRow input{accent-color:#1aa3ef}.bondooBtn{cursor:pointer;border:0;border-radius:6px;width:100%;margin-top:10px;padding:9px 10px;font-size:13px;font-weight:800}.bondooBtn.primary{color:#061322;background:linear-gradient(#26b2ff 0%,#0a8dd9 100%)}.bondooLinks{text-align:center;gap:8px;margin-top:10px;font-size:11px;display:grid}.bondooLink{color:#ffffffd9;font-weight:700;text-decoration:none}.bondooFooterNote{color:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#0000008c;border:1px solid #ffffff29;border-radius:999px;padding:7px 10px;font-size:11px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.cimViewport{background:radial-gradient(1200px 700px at 65% 55%,#ffffff14 0%,#fff0 52%),linear-gradient(#089a4b 0%,#058a43 100%);min-height:100svh;position:relative;overflow:hidden}.cimFabric{opacity:.55;mix-blend-mode:overlay;background:radial-gradient(900px 520px at 78% 62%,#00000029 0%,#0000 60%),radial-gradient(1100px 700px at 70% 75%,#ffffff14 0%,#fff0 55%),repeating-linear-gradient(135deg,#0000000d 0 12px,#ffffff08 12px 24px);position:absolute;inset:0}.cimStar{opacity:.33;filter:blur(.2px);width:520px;height:520px;position:absolute;bottom:110px;right:110px}.cimCenter{place-items:center;min-height:100svh;padding:24px;display:grid;position:relative}.cimCard{background:#f5f8f6eb;border:1px solid #00000014;border-radius:3px;width:360px;max-width:calc(100vw - 48px);padding:22px 26px 18px;box-shadow:0 18px 40px -18px #00000040}.cimLogo{color:#0b1a12;background:#fff;border:1px solid #0000001f;border-radius:2px;place-items:center;width:62px;height:62px;margin:0 auto 12px;font-weight:900;display:grid}.cimDivider{background:#0000001f;height:1px;margin:10px 0 14px}.cimInput{box-sizing:border-box;color:#000000b8;background:0 0;border:0;border-bottom:1px solid #00000038;outline:none;width:100%;padding:10px 4px 8px;font-size:13px}.cimInput::placeholder{color:#0000006b}.cimBtnRow{place-items:center;margin-top:12px;display:grid}.cimBtn{color:#0009;letter-spacing:.7px;cursor:pointer;background:#0000001a;border:0;border-radius:2px;padding:7px 28px;font-size:11px}.cimLinks{color:#0000008c;justify-content:space-between;margin-top:10px;font-size:10px;display:flex}.cimLink{color:#0000008c;text-decoration:none}.cimFooter{text-align:center;color:#0000008c;border-top:1px solid #0000001f;margin-top:12px;padding-top:10px;font-size:9.5px;line-height:1.45}.cimextViewport{background:#f3f4f6;place-items:center;min-height:100svh;padding:40px 16px;display:grid}.cimextCard{background:#ffffffeb;border:1px solid #00000014;border-radius:2px;width:320px;max-width:calc(100vw - 32px);padding:22px 22px 18px;box-shadow:0 18px 38px -22px #00000014}.cimextLogo{color:#111827;background:#fff;border:1px solid #0000001f;border-radius:2px;place-items:center;width:72px;height:72px;margin:0 auto 10px;font-weight:900;display:grid}.cimextRule{background:#0000001a;height:1px;margin:8px 0 14px}.cimextLabel{color:#000000a6;margin:10px 0 6px;font-size:11px;font-weight:700}.cimextInput{box-sizing:border-box;background:#fff;border:1px solid #00000038;border-radius:3px;outline:none;width:100%;padding:9px 10px;font-size:12px}.cimextPasswordWrap{position:relative}.cimextEye{color:#0000008c;cursor:pointer;background:#1f293714;border:0;border-left:1px solid #0000001a;border-radius:0 3px 3px 0;width:26px;height:22px;font-size:12px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.cimextPrimary{color:#fff;cursor:pointer;background:#2c3e50;border:0;border-radius:2px;width:100%;margin-top:14px;padding:10px 12px;font-size:12px;font-weight:800}.cimextReset{text-align:center;color:#0000008c;margin-top:10px;font-size:10px;text-decoration:none;display:block}.cimextFooter{text-align:center;color:#0009;margin-top:18px;padding-top:12px;font-size:9.5px;line-height:1.4}.cimextHelpBtn{color:#000000bf;background:#f5c400;border:1px solid #0000001a;border-radius:2px;margin:10px auto 0;padding:7px 10px;font-size:10.5px;font-weight:800;text-decoration:none;display:inline-block}.mailerViewport{background:#071a5a;grid-template-rows:auto auto 1fr;min-height:100svh;display:grid}.mailerHeader{color:#fff;background:#071a5a;justify-content:center;padding:28px 18px 22px;display:flex}.mailerBrand{letter-spacing:-.4px;align-items:center;gap:12px;font-size:26px;font-weight:900;display:flex}.mailerBrand .ver{opacity:.85;margin-left:6px;font-size:14px;font-weight:700}.mailerLogoMark{place-items:center;width:34px;height:34px;display:grid}.mailerRedBar{background:#ef6b6b;height:6px}.mailerBody{background:#fff;place-items:start center;padding:34px 18px 40px;display:grid}.mailerCard{width:360px;max-width:calc(100vw - 36px)}.mailerTitle{text-align:center;color:#111827;letter-spacing:-.4px;margin:0 0 18px;font-size:26px;font-weight:800}.mailerFieldRow{border-bottom:1px solid #00000040;grid-template-columns:26px 88px 1fr 34px;align-items:center;gap:8px;padding:10px 0 8px;display:grid}.mailerFieldRow .label{color:#000000a6;font-size:14px;font-weight:700}.mailerInput{border:0;outline:none;width:100%;padding:0;font-size:15px}.mailerIcon{color:#0009;width:18px;height:18px}.mailerEyeBtn{cursor:pointer;color:#0000008c;background:0 0;border:0;place-items:center;width:30px;height:26px;display:grid}.mailerOptions{color:#000000b3;justify-content:center;gap:10px;margin-top:18px;font-size:14px;display:grid}.mailerRadioRow{align-items:center;gap:10px;display:flex}.mailerRadioRow input{accent-color:#0984e3}.mailerConnect{color:#fff;cursor:pointer;background:#0984e3;border:0;border-radius:3px;width:240px;max-width:100%;margin:24px auto 0;padding:12px 14px;font-size:18px;font-weight:900;display:block}.mailerBottomFill{background:#071a5a}.sigedViewport{color:#0f172a;background:#fff;min-height:100svh}.sigedHeader{text-align:center;padding:22px 18px 6px}.sigedBrand{place-items:center;gap:6px;margin-bottom:8px;display:grid}.sigedBrand .wordmark{letter-spacing:1.2px;color:#0b1f4a;font-weight:900}.sigedBrand .tagline{color:#0f172a99;margin-top:-2px;font-size:11px}.sigedTitle{letter-spacing:-.6px;margin:10px 0 8px;font-size:34px;font-weight:500}.sigedRule{background:#0b4aa2;width:min(760px,92vw);height:3px;margin:0 auto}.sigedMain{grid-template-columns:1.2fr .9fr;align-items:center;gap:28px;max-width:1100px;margin:0 auto;padding:34px 22px 46px;display:grid}@media (width<=900px){.sigedMain{grid-template-columns:1fr;gap:18px;padding:24px 18px 40px}}.sigedIllustration{place-items:center;display:grid}.sigedPanel{background:#f3f4f6;border:2px solid #0b4aa2;border-radius:6px;overflow:hidden;box-shadow:0 18px 36px -24px #0206171f}.sigedPanelHeader{color:#0b4aa2;text-align:center;background:#e5e7eb;padding:10px 12px;font-size:13px;font-weight:800}.sigedPanelBody{padding:14px 14px 12px}.sigedLabel{color:#0f172abf;margin:10px 0 6px;font-size:12px;font-weight:800}.sigedInputWrap{background:#fff;border:1px solid #00000024;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;display:flex}.sigedInputWrap .icon{color:#0000008c;width:16px;height:16px}.sigedInput{border:0;outline:none;width:100%;font-size:13px}.sigedEyeBtn{cursor:pointer;color:#0000008c;background:0 0;border:0;place-items:center;display:grid}.sigedRow{color:#0f172aa6;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:11px;display:flex}.sigedRow a{color:#0f172aa6;font-weight:700;text-decoration:none}.sigedBtn{color:#fff;cursor:pointer;background:#0b4aa2;border:0;border-radius:4px;width:100%;margin-top:12px;padding:10px 12px;font-size:12px;font-weight:900}.suiviViewport{background:linear-gradient(#1faa4f 0%,#1b8e44 100%);place-items:center;min-height:100svh;padding:42px 18px;display:grid}.suiviCard{text-align:center;background:#fff;border:1px solid #00000014;border-radius:6px;width:420px;max-width:calc(100vw - 36px);padding:22px 26px 18px;box-shadow:0 22px 44px -26px #0000002e}.suiviLogo{color:#0f172a;background:#fff;border:1px solid #0000001f;border-radius:4px;place-items:center;width:38px;height:38px;margin:0 auto 10px;font-weight:900;display:grid}.suiviLogo img{object-fit:contain;width:100%;height:100%}.suiviTitle{letter-spacing:-.2px;color:#111827;margin:0;font-size:18px;font-weight:900}.suiviSubtitle{color:#0000008c;margin:6px 0 16px;font-size:11px}.suiviField{text-align:left;margin-top:12px}.suiviLabel{color:#0000009e;margin:0 0 6px;font-size:11px;font-weight:800}.suiviInput{box-sizing:border-box;background:#fff;border:1px solid #0000001f;border-radius:4px;outline:none;width:100%;padding:10px 12px;font-size:12px}.suiviBtn{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:4px;width:100%;margin-top:14px;padding:11px 12px;font-size:12px;font-weight:900}