:root{--color-bg: #071008;--color-bg-card: rgba(18, 24, 18, .92);--color-bg-input: #0c100c;--color-border: rgba(255, 255, 255, .1);--color-text: #ffffff;--color-text-muted: #8b9a8b;--color-accent: #00e676;--color-accent-hover: #33eb8e;--color-accent-text: #041208;--color-error: #ff5252;--color-glow: rgba(0, 230, 118, .35);--radius-card: 24px;--radius-button: 14px;--radius-input: 12px;--font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--card-width: 420px;--page-padding-x: 1rem;font-family:var(--font-family);line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;background:var(--color-bg);overscroll-behavior-y:none}#root{min-height:100vh;min-height:100dvh}a{color:inherit;text-decoration:none}.page{position:relative;min-height:100vh;min-height:100dvh;overflow-x:hidden;background:radial-gradient(ellipse 90% 45% at 50% 0%,rgba(0,230,118,.14),transparent 55%),radial-gradient(ellipse 70% 40% at 50% 100%,rgba(0,230,118,.06),transparent),linear-gradient(180deg,#0a120a 0%,var(--color-bg) 100%)}.page__glow{position:absolute;border-radius:50%;background:var(--color-glow);filter:blur(80px);pointer-events:none}.page__glow--top{top:-5%;left:50%;transform:translate(-50%);width:min(320px,90vw);height:min(320px,90vw);opacity:.7}.page__glow--bottom{display:none}.page__watermarks{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.page__watermark{position:absolute;object-fit:contain;filter:saturate(.9) brightness(1.05);mix-blend-mode:screen;will-change:transform}.page__content{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;gap:0;width:100%;max-width:400px;margin:0 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:max(1.25rem,env(safe-area-inset-top)) var(--page-padding-x) max(.75rem,env(safe-area-inset-bottom))}.page__content>.card{flex:1;display:flex;flex-direction:column;min-height:0}.page__brand{text-align:center;font-size:.6875rem;font-weight:700;letter-spacing:.35em;color:#00e6768c;margin-bottom:.25rem}.card{position:relative;width:100%;padding:2.85rem 1.35rem max(1.25rem,env(safe-area-inset-bottom));background:linear-gradient(165deg,#161c16f5,#0c100cfa);border:1px solid rgba(0,230,118,.12);border-radius:var(--radius-card);box-shadow:0 20px 48px #0000008c,0 0 0 1px #00000059,inset 0 1px #ffffff0f;text-align:center}.avatar-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#2d3d2d,#101410);border-radius:50%;border:2px solid rgba(0,230,118,.45);box-shadow:0 0 28px #00e67680,0 0 56px #00e6762e,inset 0 1px #ffffff1f}.avatar-badge__img{width:44px;height:44px;object-fit:contain;display:block}.card__title{margin-top:.625rem;margin-bottom:.375rem;font-size:1.1875rem;font-weight:700;letter-spacing:-.02em;line-height:1.3}.card__subtitle{margin-bottom:1rem;font-size:.875rem;color:var(--color-text-muted);line-height:1.5}.card__body{display:flex;flex-direction:column;flex:1;gap:1rem;min-height:0}.card__body>.form-stack,.card__body>.setup-form{flex:1;display:flex;flex-direction:column;min-height:0}.card__body>.form-stack>.btn,.card__body>.setup-form>.btn{margin-top:auto}.card__actions{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:.75rem;flex-shrink:0}.card__body>.support-footer{flex-shrink:0;margin-top:auto;padding-top:.5rem;padding-bottom:.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.875rem 1.25rem;border:none;border-radius:var(--radius-button);font-family:inherit;font-size:.9375rem;font-weight:700;line-height:1;letter-spacing:.01em;cursor:pointer;transition:background-color .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:active{transform:scale(.98)}.btn--full{width:100%}.btn--primary{background:linear-gradient(180deg,#00f078,#00e676 45%,#00c968);color:var(--color-accent-text);box-shadow:0 4px 16px #00e67659,inset 0 1px #ffffff40}.btn--primary:hover{background:linear-gradient(180deg,#33f38a,#33eb8e 45%,#00e676)}.btn--secondary{background:transparent;color:var(--color-text-muted);font-weight:500;font-size:.875rem;min-height:40px;padding:.625rem 1rem;line-height:1}.btn--secondary:hover{color:var(--color-text)}.field{display:flex;flex-direction:column;gap:.375rem;text-align:left}.field label{font-size:.8125rem;font-weight:500;color:var(--color-text-muted)}.field__input{width:100%;padding:.8125rem .875rem;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-input);color:var(--color-text);font-family:inherit;font-size:1rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field__textarea{min-height:96px;resize:vertical;line-height:1.5}.field__input::placeholder{color:#9ca3af8c}.field__input:focus{border-color:#00e67680;box-shadow:0 0 0 3px #00e6761f}.field--error .field__input{border-color:var(--color-error);box-shadow:0 0 0 3px #ff52521f}.field__error{font-size:.75rem;color:var(--color-error);line-height:1.4}.field__error--center{text-align:center}.form-stack{display:flex;flex-direction:column;gap:1rem;width:100%}.hint{font-size:.875rem;color:var(--color-text-muted);line-height:1.55;text-align:left}.hint--small{font-size:.8125rem;text-align:center}.muted{color:var(--color-text-muted);font-size:.875rem}.email-display{font-size:1.125rem;font-weight:700;word-break:break-all;margin:.5rem 0 1rem}.ready-page__intro{text-align:center;margin-top:.25rem}.ready-credentials{display:flex;flex-direction:column;gap:1rem;width:100%;text-align:left}.ready-credentials .card__section-title{margin-bottom:.125rem}.ready-credential{display:flex;flex-direction:column;gap:.5rem}.ready-credential__label{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);text-align:left}.ready-credential__box{padding:1rem 1.125rem;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-input);text-align:center}.ready-credential__value{font-size:1.0625rem;font-weight:700;line-height:1.45;word-break:break-all;color:var(--color-text);margin:0}.ready-credential__copy{margin-top:.125rem}.support-footer{margin-top:1rem;font-size:.8125rem;text-align:center}.support-footer a{color:var(--color-accent);font-weight:500}.tabs{display:flex;width:100%}.tabs--underline{gap:0;border-bottom:1px solid var(--color-border);margin-bottom:.5rem}.tabs--underline .tabs__item{flex:1;min-height:52px;padding:.5rem .25rem;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--color-text-muted);font-family:inherit;cursor:pointer;transition:color .15s ease,border-color .15s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem}.tabs__label{font-size:.8125rem;font-weight:600;line-height:1.2}.tabs__hint{font-size:.6875rem;font-weight:500;line-height:1.2;color:#8b9a8bd9}.tabs--underline .tabs__item--active .tabs__hint{color:#00e676bf}.tabs--underline .tabs__item--active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.checkbox{display:flex;align-items:flex-start;gap:.625rem;text-align:left;cursor:pointer;font-size:.8125rem;color:var(--color-text-muted);line-height:1.45}.checkbox input{position:absolute;opacity:0;width:0;height:0}.checkbox__box{flex-shrink:0;width:20px;height:20px;margin-top:1px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg-input)}.checkbox input:checked+.checkbox__box{background:var(--color-accent);border-color:var(--color-accent);box-shadow:inset 0 0 0 2px var(--color-bg-card)}.alert{padding:.875rem 1rem;border-radius:var(--radius-input);font-size:.875rem;line-height:1.5;text-align:left}.alert--warning{background:#ffc1071a;border:1px solid rgba(255,193,7,.35);color:#ffd54f}.spinner{width:40px;height:40px;margin:.5rem auto 1rem;border:3px solid rgba(0,230,118,.2);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card__section-title{font-size:.9375rem;font-weight:700;text-align:left;margin:0;color:var(--color-text)}.text-link{display:inline-block;font-size:.875rem;font-weight:600;color:var(--color-accent);text-align:left;margin-top:.25rem}.text-link:hover{color:var(--color-accent-hover)}.text-link--inline{display:inline}.success-icon{width:56px;height:56px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:#00e6761f;border:2px solid var(--color-accent);border-radius:50%;color:var(--color-accent);font-size:1.5rem;font-weight:700}@media(min-width:481px){:root{--page-padding-x: 1.25rem}.page__glow--top{width:480px;height:480px;filter:blur(120px)}.page__glow--bottom{display:block;bottom:5%;right:-10%;width:400px;height:400px;opacity:.4}.page__watermark{filter:saturate(.9)}.avatar-badge__img{width:48px;height:48px}.page__content{max-width:none;align-items:center;justify-content:center;gap:.75rem;padding:max(2rem,env(safe-area-inset-top)) 1.25rem max(2rem,env(safe-area-inset-bottom))}.page__content>.card{flex:none;min-height:auto}.card__body{flex:none;min-height:auto}.card__body>.form-stack,.card__body>.setup-form{flex:none;min-height:auto}.card__body>.form-stack>.btn,.card__body>.setup-form>.btn{margin-top:0}.card__actions{margin-top:.125rem;padding-top:0}.card{width:min(var(--card-width),100%);padding:3rem 2rem 2.25rem;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);background:linear-gradient(165deg,#161e16e6,#0a0e0aeb)}.tabs--underline .tabs__item{min-height:56px}.tabs__label{font-size:.875rem}.tabs__hint{font-size:.75rem}.card__title{font-size:1.375rem}.btn{border-radius:999px}}
