:root{--gpa-bg:#06100c;--gpa-card:#0b1b13;--gpa-card2:#0e2117;--gpa-line:rgba(129,211,164,.16);--gpa-text:#f3f7f4;--gpa-muted:#8fa499;--gpa-green:#16a765;--gpa-soft:#71d7a0}html[data-theme="light"]{--gpa-bg:#f3f7f4;--gpa-card:#fff;--gpa-card2:#f8fbf9;--gpa-line:rgba(15,83,55,.13);--gpa-text:#10251b;--gpa-muted:#65786e}body[data-uon-page="gpa"]{background:var(--gpa-bg);color:var(--gpa-text)}.gpa-wrap{width:min(1120px,calc(100% - 36px));margin:auto}.gpa-hero{padding:54px 0 26px}.gpa-kicker{display:inline-flex;padding:8px 12px;border:1px solid rgba(48,194,121,.24);border-radius:999px;color:var(--gpa-soft);background:rgba(17,147,88,.08);font-weight:800;font-size:13px}.gpa-hero h1{margin:16px 0 8px;font-size:clamp(32px,6vw,56px);line-height:1.08}.gpa-hero p{margin:0;max-width:720px;color:var(--gpa-muted);font-size:17px;line-height:1.9}.gpa-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 18px}.gpa-stat{padding:20px;border:1px solid var(--gpa-line);border-radius:22px;background:linear-gradient(145deg,var(--gpa-card),var(--gpa-card2));display:grid;gap:8px}.gpa-stat span{color:var(--gpa-muted);font-size:14px}.gpa-stat strong{font-size:clamp(28px,5vw,42px);color:var(--gpa-text);font-weight:900;direction:ltr}.gpa-panel{padding:22px;border:1px solid var(--gpa-line);border-radius:24px;background:var(--gpa-card);margin-bottom:48px}.gpa-basics{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gpa-field{display:grid;gap:8px}.gpa-field label{font-weight:800}.gpa-field input{width:100%;border:1px solid var(--gpa-line);background:var(--gpa-card2);color:var(--gpa-text);border-radius:15px;padding:13px 14px;font:inherit;outline:none}.gpa-field input:focus{border-color:rgba(48,194,121,.5);box-shadow:0 0 0 3px rgba(48,194,121,.09)}.gpa-note{margin-top:14px;padding:13px 15px;border:1px solid var(--gpa-line);border-radius:15px;background:rgba(21,164,104,.06);color:var(--gpa-muted);line-height:1.75}.gpa-toolbar{display:flex;gap:10px;margin:18px 0}.gpa-toolbar .btn{border-radius:14px;min-height:44px}.gpa-toolbar .btn.primary{background:linear-gradient(135deg,#0f955d,#19ad6d);border-color:transparent;color:#fff}.gpa-table-wrap{overflow:auto;border:1px solid var(--gpa-line);border-radius:18px}.gpa-table{width:100%;border-collapse:collapse;min-width:820px}.gpa-table th,.gpa-table td{padding:12px;border-bottom:1px solid var(--gpa-line);text-align:start}.gpa-table th{font-size:12px;color:var(--gpa-muted);background:rgba(21,164,104,.04)}.gpa-table tbody tr:last-child td{border-bottom:0}.gpa-table input,.gpa-table select{width:100%;min-width:82px;border:1px solid var(--gpa-line);background:var(--gpa-card2);color:var(--gpa-text);border-radius:12px;padding:10px;font:inherit}.gpa-table .net{font-weight:900;direction:ltr}.gpa-remove{border:1px solid rgba(194,75,75,.18);background:rgba(194,75,75,.07);color:#df9999;width:38px;height:38px;border-radius:12px}.gpa-legal{width:min(1120px,calc(100% - 36px));margin:auto;padding:0 0 28px}.gpa-legal-note{padding:20px;border:1px solid var(--gpa-line);border-radius:22px;background:var(--gpa-card);color:var(--gpa-muted);line-height:1.9;text-align:center}.gpa-legal-note strong{color:var(--gpa-text)}.gpa-footer{border-top:1px solid var(--gpa-line);padding:34px 18px 42px}.gpa-footer-main{display:flex;flex-direction:column;align-items:center;gap:11px;text-align:center}.gpa-footer p{margin:0}.gpa-footer-prayer,.gpa-footer-credit{color:var(--gpa-muted);font-size:19px;line-height:1.8}.gpa-footer-handle{direction:ltr;color:var(--gpa-text);font-weight:900;font-size:20px;text-decoration:none}.gpa-footer-rights{color:var(--gpa-text);font-weight:800;font-size:15px}.gpa-shell-logo{display:grid!important;place-items:center!important;padding:0!important;overflow:hidden!important;border-radius:50%!important}.gpa-shell-logo img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}@media(max-width:720px){.gpa-wrap,.gpa-legal{width:calc(100% - 24px)}.gpa-hero{padding-top:34px}.gpa-stats{grid-template-columns:1fr 1fr}.gpa-stat:last-child{grid-column:1/-1}.gpa-panel{padding:14px;border-radius:20px}.gpa-basics{grid-template-columns:1fr}.gpa-table-wrap{border-radius:15px}.gpa-toolbar{display:grid;grid-template-columns:1fr 1fr}.gpa-hero p{font-size:15px}}@media(max-width:420px){.gpa-stat{padding:15px;border-radius:18px}.gpa-stat strong{font-size:28px}.gpa-stat span{font-size:12px}.gpa-toolbar{grid-template-columns:1fr}}