:root{--navy:#201b4d;--blue:#4263eb;--blue2:#7953e8;--gold:#a99aff;--ink:#202846;--muted:#68728f;--line:#e2e6f2;--paper:#fff;--wash:#f7f8ff;--green:#38824b;--red:#b42318;--shadow:0 18px 48px rgba(39,43,99,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--wash);color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,sans-serif;line-height:1.55}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;color:var(--navy);line-height:1.2;margin:0 0 12px}h1{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.04em}h2{font-size:1.45rem;letter-spacing:-.025em}h3{font-size:1.05rem}.muted,small,.hint{color:var(--muted)}.portal-wrap{max-width:1180px;width:calc(100% - 36px);margin:0 auto}.portal-top{background:var(--navy);color:#fff}.portal-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;color:#fff;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#fff,#dbeafe);color:var(--blue);font-weight:900}.brand small{display:block;color:#c8d7ec;font:500 .75rem 'DM Sans',sans-serif;letter-spacing:.04em}.nav-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.nav-links a{color:#eaf2ff;font-size:.92rem;font-weight:600}.nav-links .nav-pill{padding:10px 15px;border-radius:10px;background:#fff;color:var(--navy)}.hero{padding:72px 0 58px;background:radial-gradient(circle at 85% 10%,rgba(167,25,117,.25),transparent 34%),linear-gradient(125deg,#35123f,#601554);color:white}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:46px}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 12px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#ffe36b}.hero h1{color:white;margin:18px 0}.hero p{max-width:650px;color:#f0deee;font-size:1.08rem}.hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.meta-chip{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);border-radius:12px;padding:10px 13px;font-size:.9rem}.hero-card{background:#fff;color:var(--ink);padding:26px;border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.2)}.hero-card .big-number{font:800 2.6rem Manrope,sans-serif;color:var(--blue);letter-spacing:-.05em}.hero-card p{color:var(--muted);font-size:.95rem}.hero-card ul{padding-left:19px;color:var(--muted)}.section-pad{padding:54px 0}.section-head{max-width:700px;margin-bottom:25px}.section-head p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 25px rgba(56,20,63,.035)}.feature-icon{width:42px;height:42px;border-radius:13px;background:#f8eaf5;display:grid;place-items:center;color:var(--blue);font-size:1.2rem;margin-bottom:16px}.portal-footer{background:#281030;color:#f1e7f2;padding:26px 0}.footer-row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-row a{color:#fff}.portal-main{padding:42px 0 64px}.page-heading{margin-bottom:24px}.page-heading p{color:var(--muted);max-width:760px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:clamp(20px,3vw,34px)}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field-group{display:flex;flex-direction:column;gap:7px}.field-group.full{grid-column:1/-1}.field-group label{font-weight:700;font-size:.9rem;color:var(--navy)}.field,.field-group input,.field-group select,.field-group textarea{width:100%;border:1px solid #eadfea;border-radius:11px;background:#fff;color:var(--ink);padding:12px 13px;font:inherit;min-height:47px;outline:none;transition:border-color .15s,box-shadow .15s}.field:focus,.field-group input:focus,.field-group select:focus,.field-group textarea:focus{border-color:var(--blue2);box-shadow:0 0 0 4px rgba(120,33,111,.12)}.field[readonly]{background:#fbf4fa;color:#62546a}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #eadfea;border-radius:11px;padding:11px 16px;background:#fff;color:var(--navy);font-weight:700;font-size:.93rem;cursor:pointer;text-decoration:none;min-height:44px}.btn:hover{text-decoration:none;filter:brightness(.98)}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;border-color:transparent;box-shadow:0 8px 18px rgba(120,33,111,.18)}.btn-dark{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-danger{color:var(--red);border-color:#f0c5c1}.btn-sm{padding:7px 10px;min-height:34px;font-size:.82rem}.btn-block{width:100%}.actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.notice{padding:13px 15px;border-radius:12px;background:#fbf2fa;border:1px solid #ebd7e9;color:#56305a;margin:14px 0}.notice.error{background:#fff0ef;border-color:#f3c5c1;color:#9f2118}.notice.success{background:#eaf8f0;border-color:#b8e5ca;color:#12623c}.notice.warning{background:#fff8e6;border-color:#f2df9e;color:#755414}.side-note{background:#fbf3fa;border:1px solid #eadbea;border-radius:16px;padding:20px}.side-note ul{padding-left:18px;color:var(--muted)}.required{color:#b42318}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 8px 25px rgba(56,20,63,.035)}.stat .label{display:block;color:var(--muted);font-size:.82rem;font-weight:600}.stat .value{display:block;color:var(--navy);font:800 1.8rem Manrope,sans-serif;margin-top:4px;overflow-wrap:anywhere}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:20px 0}.filters{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:13px 14px;border-bottom:1px solid #f0e8f0;text-align:left;vertical-align:top;font-size:.9rem}th{background:#fbf5fb;color:#65536a;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}tr:last-child td{border-bottom:0}.badge{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:.75rem;font-weight:800;background:#f2eaf2;color:#62536a}.badge.active,.badge.sent,.badge.delivered,.badge.free{background:#e8f7ee;color:#287343}.badge.pending{background:#fff4d7;color:#8a5b00}.badge.failed,.badge.disabled{background:#fff0ef;color:#b42318}.badge.public{background:#f5e8f4;color:#78216f}.badge.registrar{background:#f3e7fb;color:#6741a5}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 2px;color:var(--muted)}.login-shell{max-width:520px;margin:42px auto}.login-mark{text-align:center;margin-bottom:22px}.login-mark .brand{justify-content:center;color:var(--navy)}.login-mark .brand small{color:var(--muted)}.checkline{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:.87rem}.checkline input{margin-top:5px}.empty-state{text-align:center;padding:34px 18px;color:var(--muted)}.privacy-box{font-size:.85rem;color:var(--muted);background:#fbf7fb;border:1px solid var(--line);border-radius:12px;padding:13px}.mobile-menu{display:none}
@media(max-width:900px){.hero-grid,.form-layout{grid-template-columns:1fr}.hero-card{max-width:520px}.feature-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.portal-wrap{width:calc(100% - 24px)}.portal-nav{padding:13px 0;align-items:flex-start;flex-direction:column;gap:13px}.nav-links{gap:12px}.hero{padding:45px 0}.hero-grid{gap:26px}.feature-grid,.form-grid,.filters{grid-template-columns:1fr}.field-group.full{grid-column:auto}.stats-grid{gap:10px}.stat{padding:14px}.stat .value{font-size:1.45rem}.panel{padding:18px}.section-pad{padding:38px 0}.portal-main{padding:28px 0 44px}.footer-row{flex-direction:column}}