.pupl-gate-wrap{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px}.pupl-gate-box{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.1);padding:48px 40px;max-width:420px;width:100%;text-align:center}.pupl-gate-icon{font-size:48px;margin-bottom:16px;line-height:1}.pupl-gate-title{font-size:1.6rem;font-weight:700;margin:0 0 10px;color:#1a1a1a}.pupl-gate-description{color:#666;font-size:.93rem;margin-bottom:24px;line-height:1.5}.pupl-gate-error{background:#fff3f3;border:1px solid #f5c6c6;border-radius:6px;color:#c0392b;font-size:.88rem;padding:10px 14px;margin-bottom:20px;text-align:left}.pupl-gate-form{margin:0;text-align:left}.pupl-input-group{margin-bottom:16px}.pupl-label{display:block;font-size:.85rem;font-weight:600;color:#444;margin-bottom:6px}.pupl-input-wrap{display:flex;align-items:center;border:2px solid #ddd;border-radius:8px;overflow:hidden;background:#fafafa;transition:border-color .2s,box-shadow .2s}.pupl-input-wrap:focus-within{border-color:#2271b1;box-shadow:0 0 0 3px rgba(34,113,177,.15);background:#fff}.pupl-input-icon{padding:0 10px 0 12px;font-size:16px;pointer-events:none;user-select:none;opacity:.55}.pupl-gate-input{flex:1;border:none!important;outline:none!important;padding:12px 8px;font-size:.97rem;background:0 0;box-shadow:none!important;min-width:0;color:#1a1a1a}.pupl-toggle-pwd{background:0 0;border:none;padding:0 12px;font-size:16px;cursor:pointer;opacity:.5;transition:opacity .15s;line-height:1}.pupl-toggle-pwd:hover{opacity:1}.pupl-gate-btn{display:block;width:100%;background:#2271b1;color:#fff;border:none;border-radius:8px;padding:13px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:20px;letter-spacing:.02em;transition:background .2s,transform .1s}.pupl-gate-btn:hover{background:#135e96}.pupl-gate-btn:active{transform:scale(.98)}.pupl-gate-hint{color:#aaa;font-size:.82rem;margin-top:20px;margin-bottom:0;text-align:center}@media(max-width:480px){.pupl-gate-box{padding:32px 20px}}