*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:40px;max-width:400px;width:100%}h1{color:#333;margin-bottom:10px;font-size:28px}h2{color:#333}.subtitle{color:#666;margin-bottom:30px;font-size:14px}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}input[type=text]{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s}input[type=text]:focus{outline:none;border-color:#667eea}button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.status{margin-top:10px;min-height:20px;font-size:14px;color:#666}.status.loading{color:#666}.status.success{color:#155724}.status.error{color:#721c24}.verify-container{text-align:center}.spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message{margin-top:20px;padding:12px;border-radius:8px;font-size:14px;display:none}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb;display:block}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;display:block}.portal-page{min-height:100vh;width:100%;background:#fff;color:#1a1a1a}.portal-header{padding:20px 24px}.portal-header h1{margin:0;font-size:24px;font-weight:700}.portal-content{padding:8px 24px 24px}.portal-content h2{margin:0 0 16px;font-size:30px;font-weight:600}.portal-email{margin:12px 0 0;font-size:16px;line-height:1.5}.portal-email-label{display:block;color:#666;font-size:14px;font-weight:500;margin-bottom:4px}.portal-email-value{color:#1a1a1a;word-break:break-all}.portal-ding{margin:20px 0 0;font-size:16px;line-height:1.5}.portal-ding-label{display:block;color:#666;font-size:14px;font-weight:500;margin-bottom:4px}.portal-ding-value{color:#1a1a1a;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}.portal-ding-section{margin-top:8px;max-width:400px}.portal-ding-button{display:inline-block;width:auto;min-width:0;margin-top:12px;padding:10px 18px;font-size:15px;background:#fff;color:#5a4fcf;border:2px solid #8b7fd9;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:none}.portal-ding-button:hover:not(:disabled){background:#f3f0ff}.portal-ding-form{margin-top:20px;padding:20px;background:#f8f7fc;border-radius:10px;border:1px solid #e8e4f2}.portal-ding-form .form-group{margin-bottom:16px}.portal-ding-form input[type=text]{max-width:100%}.portal-ding-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.portal-ding-save{width:auto;min-width:120px;padding:10px 20px;font-size:15px}.portal-ding-cancel{width:auto;min-width:0;padding:10px 18px;font-size:15px;background:#fff;color:#555;border:2px solid #d0d0d0;box-shadow:none}.portal-ding-cancel:hover:not(:disabled){background:#f5f5f5}.portal-ding-form-status{margin-top:12px;font-size:14px}.portal-ding-form-status.success{color:#155724}.portal-ding-form-status.error{color:#721c24}