.osogu-uc{background:var(--paper2);flex-direction:column;min-height:100vh;display:flex}.osogu-uc nav{align-items:center;padding:20px 32px;display:flex}.osogu-uc .logo{align-items:flex-end;gap:4px;text-decoration:none;display:flex}.osogu-uc .logo .w{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:27px;font-weight:800}.osogu-uc .stage{flex:1;justify-content:center;align-items:center;padding:24px 20px 60px;display:flex}.osogu-uc .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-lg);width:100%;max-width:460px;padding:44px 44px 38px;position:relative;overflow:hidden}.osogu-uc .card:before{content:"";background:var(--clay-soft);z-index:0;border-radius:50%;width:240px;height:240px;position:absolute;top:-100px;right:-80px}.osogu-uc .card>*{z-index:1;position:relative}.osogu-uc .si-mascot{width:156px;height:156px;margin:0 auto 4px;display:block}.osogu-uc .badge{width:fit-content;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--clay);background:var(--clay-soft);border-radius:var(--r-pill);margin:0 auto 14px;padding:5px 11px;font-size:10.5px;font-weight:600;display:block}.osogu-uc h1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);text-align:center;margin:0 0 10px;font-size:27px;font-weight:800;line-height:1.12}.osogu-uc .sub{color:var(--ink2);text-align:center;margin:0 0 22px;font-size:15px;line-height:1.55}.osogu-uc .preview{border-top:1px solid var(--line);margin-top:4px;padding-top:18px}.osogu-uc .preview summary{cursor:pointer;font-family:var(--font-sans);color:var(--ink2);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13.5px;font-weight:600;list-style:none;display:flex}.osogu-uc .preview summary::-webkit-details-marker{display:none}.osogu-uc .preview summary .chev{transition:transform .18s}.osogu-uc .preview[open] summary .chev{transform:rotate(90deg)}.osogu-uc .preview-form{flex-direction:column;gap:10px;margin-top:16px;display:flex}.osogu-uc .preview-form label{font-family:var(--font-sans);color:var(--ink2);font-size:13px;font-weight:600}.osogu-uc .preview-form input{width:100%;font-family:var(--font-sans);color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r-md);outline:none;padding:14px 16px;font-size:16px;transition:border .15s,box-shadow .15s}.osogu-uc .preview-form input:focus{border-color:var(--amber);box-shadow:0 0 0 3px color-mix(in srgb, var(--amber) 22%, transparent)}.osogu-uc .preview-form input.shake{border-color:var(--clay);animation:.35s osogu-uc-shake}@keyframes osogu-uc-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.osogu-uc .preview-form .err{color:var(--clay);margin:0;font-size:13px}.osogu-uc .btn-main{width:100%;font-family:var(--font-sans);border-radius:var(--r-pill);cursor:pointer;background:var(--amber);color:var(--ink);box-shadow:var(--sh-amber);border:none;margin-top:4px;padding:16px;font-size:16.5px;font-weight:700;transition:transform .12s,background .2s}.osogu-uc .btn-main:hover{background:var(--amber-deep)}.osogu-uc .btn-main:active{transform:translateY(1px)}