body{background:var(--bg-base)}.split{grid-template-columns:1fr 1.05fr;min-height:100vh;display:grid}@media (max-width:900px){.split{grid-template-columns:1fr}.right-panel{display:none}}.left-panel{background:var(--paper-50);justify-content:center;align-items:center;padding:clamp(32px,5vw,80px);display:flex}.form-wrap{width:100%;max-width:420px}.brand-block{font-family:var(--font-display);letter-spacing:-.03em;font-variation-settings:"opsz" 36, "wght" 620, "wdth" 100;align-items:center;gap:10px;margin-bottom:clamp(36px,5vw,56px);font-size:22px;font-weight:600;display:flex}.brand-block .mark{background:var(--brand-500);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:11px;justify-content:center;align-items:center;display:inline-flex;transform:rotate(-3deg)}.welcome{font-family:var(--font-display);letter-spacing:-.035em;font-variation-settings:"opsz" 80, "wght" 600, "wdth" 100;margin:0 0 10px;font-size:clamp(32px,4vw,44px);font-weight:600;line-height:1.05}.welcome-sub{color:var(--text-2);max-width:38ch;margin:0 0 clamp(28px,4vw,40px);font-size:16px;line-height:1.55}.divider{color:var(--text-3);font-size:13px;font-family:var(--font-accent);align-items:center;gap:14px;margin:24px 0;font-size:16px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.social-btn{background:var(--paper-50);border:1px solid var(--border-strong);width:100%;height:48px;color:var(--text-1);cursor:pointer;transition:background var(--dur-quick) var(--ease-quart), border-color var(--dur-quick) var(--ease-quart);border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;display:inline-flex}.social-btn:hover{background:var(--paper-100);border-color:var(--ink-900)}.alt-link{color:var(--text-2);text-align:center;margin-top:32px;font-size:14px}.alt-link a{color:var(--brand-700);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--kpss-yellow);text-decoration-color:var(--kpss-yellow);font-weight:600}[data-theme=dark] .alt-link a{color:var(--brand-300)}.field-row a{color:var(--brand-700);text-decoration:underline;-webkit-text-decoration-color:var(--kpss-yellow);text-decoration-color:var(--kpss-yellow);text-underline-offset:2px;font-size:12px;font-weight:600}[data-theme=dark] .field-row a{color:var(--brand-300)}.right-panel{background:var(--brand-700);color:#fcfcfd;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:clamp(48px,6vw,80px);display:flex;position:relative;overflow:hidden}.right-panel:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 20% 10%,#ffd43b2e,#0000 55%),radial-gradient(50% 60% at 90% 90%,#ffffff14,#0000 55%);position:absolute;inset:0}.right-panel:after{content:"";mix-blend-mode:overlay;pointer-events:none;opacity:.7;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.right-inner{z-index:1;max-width:480px;position:relative}.right-panel .marginalia{font-family:var(--font-accent);color:var(--kpss-yellow);margin-bottom:24px;font-size:22px;font-weight:600;display:inline-block;transform:rotate(-2deg)}.right-panel h2{font-family:var(--font-display);letter-spacing:-.035em;font-variation-settings:"opsz" 80, "wght" 600, "wdth" 100;color:#fcfcfd;margin:0 0 16px;font-size:clamp(32px,4vw,44px);font-weight:600;line-height:1.08}.right-panel p{color:#fcfcfdd6;max-width:36ch;margin:0 auto 40px;font-size:16px;line-height:1.55}.right-mascots{grid-template-columns:repeat(5,1fr);gap:10px;max-width:540px;margin:0 auto;display:grid}.rm-card{background:var(--paper-50);box-shadow:var(--shadow-pin);color:var(--text-1);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;display:flex}.rm-card .nm{font-size:12px;font-weight:700;font-family:var(--font-display)}.rm-card .rl{color:var(--text-3);font-size:10px;font-family:var(--font-accent);font-size:13px}.activity-note{text-align:left;background:var(--paper-50);color:var(--text-1);max-width:360px;box-shadow:var(--shadow-pin);border-radius:14px;margin-top:40px;padding:18px 20px}.activity-note .stamp{font-family:var(--font-accent);color:var(--text-3);margin-bottom:6px;font-size:15px}.activity-note .head{margin-bottom:4px;font-size:14px;font-weight:600}.activity-note .sub{color:var(--text-2);font-size:12px}@media (max-width:480px){.left-panel{padding:24px 20px}.brand-block{margin-bottom:28px;font-size:20px}.welcome{font-size:clamp(26px,8vw,32px)}.welcome-sub{margin:0 0 24px;font-size:15px}.divider{margin:20px 0}.alt-link{margin-top:24px}}