.sg-page{--sg-ease:cubic-bezier(0.22, 1, 0.36, 1);--sg-ease-out:cubic-bezier(0.16, 1, 0.3, 1);--app-accent:#6366f1;--app-accent-soft:rgba(99, 102, 241, 0.12);--app-border-soft:rgba(148, 163, 184, 0.45);min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:#111827;background:radial-gradient(ellipse 90% 70% at 20% 20%,rgba(224,242,254,.9) 0,transparent 50%),radial-gradient(ellipse 80% 60% at 85% 15%,rgba(252,231,243,.85) 0,transparent 50%),radial-gradient(ellipse 70% 80% at 10% 90%,rgba(220,252,231,.8) 0,transparent 50%),radial-gradient(ellipse 60% 50% at 90% 85%,rgba(233,213,255,.4) 0,transparent 45%),linear-gradient(180deg,#f8fafc 0,#f1f5f9 50%,#e2e8f0 100%);overflow-x:hidden;position:relative;display:flex;align-items:center;justify-content:center;padding:24px 16px}.sg-page::after,.sg-page::before{content:'';position:fixed;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none;z-index:0;animation:sgBlobFloat 18s ease-in-out infinite}.sg-page::before{width:min(70vw,500px);height:min(70vw,500px);background:radial-gradient(circle,rgba(165,180,252,.35) 0,transparent 70%);top:-20%;left:-10%;animation-delay:0s}.sg-page::after{width:min(50vw,380px);height:min(50vw,380px);background:radial-gradient(circle,rgba(252,231,243,.4) 0,transparent 70%);bottom:-15%;right:-5%;animation-delay:-9s}@keyframes sgBlobFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(3%,-4%) scale(1.05)}66%{transform:translate(-2%,3%) scale(.98)}}.sg-float-container{pointer-events:none}.sg-page .sg-float-item{position:fixed;bottom:-50px;left:0;z-index:0;pointer-events:none;transition:transform .15s ease-out;will-change:transform;transform:translate(calc(var(--sg-offset-x,0px) + var(--sg-repel-x,0px)),calc(var(--sg-offset-y,0px) + var(--sg-repel-y,0px)))}.sg-page .sg-float-item-inner{display:inline-block;font-size:1.3rem;opacity:0;animation:sgFloatUp 9s linear infinite;will-change:transform,opacity;pointer-events:none;user-select:none}.sg-page .sg-float-item-inner.sg-float-tlod{font-size:.95rem;font-weight:700;color:#4b5563}@keyframes sgFloatUp{0%{transform:translateY(0) translateX(0);opacity:0}8%{opacity:.85}92%{opacity:.85}100%{transform:translateY(-115vh) translateX(-15px);opacity:0}}.sg-page .sg-float-item.sg-float-item--hit .sg-float-item-inner{animation:none;opacity:1}.sg-page .sg-float-item.sg-float-item--hit{animation:sgHitAway .55s var(--sg-ease-out) forwards;pointer-events:none}.sg-page .sg-float-item.sg-float-item--hit{transition:none}@keyframes sgHitAway{0%{transform:translate(var(--sg-hit-start-x,0),var(--sg-hit-start-y,0));opacity:1}100%{transform:translate(calc(var(--sg-hit-start-x,0) + var(--sg-hit-dx,0)),calc(var(--sg-hit-start-y,0) + var(--sg-hit-dy,0))) scale(.5);opacity:0}}.sg-page .sg-float-item.sg-float-item--shake{transition:none;animation:sgShakeOnce .5s ease 0s 1 forwards}@keyframes sgShakeOnce{0%,100%{transform:translate(calc(var(--sg-offset-x,0px) + var(--sg-repel-x,0px)),calc(var(--sg-offset-y,0px) + var(--sg-repel-y,0px)))}15%{transform:translate(calc(var(--sg-offset-x,0px) + var(--sg-repel-x,0px) + 10px),calc(var(--sg-offset-y,0px) + var(--sg-repel-y,0px)))}30%{transform:translate(calc(var(--sg-offset-x,0px) + var(--sg-repel-x,0px) - 10px),calc(var(--sg-offset-y,0px) + var(--sg-repel-y,0px)))}45%{transform:translate(calc(var(--sg-offset-x,0px) + var(--sg-repel-x,0px) + 6px),calc(var(--sg-offset-y,0px) + var(--sg-repel-y,0px)))}60%{transform:translate(calc(var(--sg-offset-x,0px) + var(--sg-repel-x,0px) - 6px),calc(var(--sg-offset-y,0px) + var(--sg-repel-y,0px)))}75%{transform:translate(calc(var(--sg-offset-x,0px) + var(--sg-repel-x,0px) + 3px),calc(var(--sg-offset-y,0px) + var(--sg-repel-y,0px)))}}.sg-wrap{position:relative;z-index:1;width:100%;max-width:400px;opacity:0;transform:translateY(24px) scale(.96);animation:sgCardIn .7s var(--sg-ease) .15s forwards}@keyframes sgCardIn{to{opacity:1;transform:translateY(0) scale(1)}}.sg-card{background:linear-gradient(165deg,rgba(255,255,255,.98) 0,rgba(249,250,252,.97) 100%);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:28px;border:1px solid var(--app-border-soft);box-shadow:0 28px 64px rgba(15,23,42,.12),0 0 0 1px rgba(255,255,255,.9),inset 0 1px 0 rgba(255,255,255,.8);padding:48px 40px 44px;transition:transform .45s var(--sg-ease),box-shadow .45s var(--sg-ease),border-color .35s ease;position:relative;overflow:hidden}.sg-card::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(145deg,rgba(99,102,241,.15),transparent 40%,transparent 70%,rgba(165,180,252,.2));-webkit-mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .4s ease}.sg-card:hover{transform:translateY(-4px);box-shadow:0 36px 80px rgba(15,23,42,.16),0 0 0 1px rgba(255,255,255,.95),0 0 60px rgba(99,102,241,.12),inset 0 1px 0 rgba(255,255,255,.9)}.sg-card:hover::before{opacity:1}.sg-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px;opacity:0;animation:sgFadeIn .5s var(--sg-ease) .35s forwards}@keyframes sgFadeIn{to{opacity:1}}.sg-brand-icon-wrap{display:inline-flex;animation:sgBrandIconIn .6s var(--sg-ease) .4s both}@keyframes sgBrandIconIn{0%{transform:scale(0) rotate(-20deg);opacity:0}60%{transform:scale(1.12) rotate(5deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}.sg-brand-icon{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a5b4fc 0,var(--app-accent) 40%,#4f46e5 100%);color:#fff;font-size:1.25rem;box-shadow:0 12px 28px rgba(79,70,229,.4);transform:scale(1) translateY(0) rotate(0);transition:transform .35s var(--sg-ease)}.sg-card:hover .sg-brand-icon{animation:sgIconHoverBounce .6s var(--sg-ease-out) forwards}@keyframes sgIconHoverBounce{0%{transform:scale(1) translateY(0) rotate(0)}25%{transform:scale(1.1) translateY(-8px) rotate(-5deg)}45%{transform:scale(1.06) translateY(-2px) rotate(2deg)}65%{transform:scale(1.08) translateY(-5px) rotate(-2deg)}85%{transform:scale(1.04) translateY(-1px) rotate(1deg)}100%{transform:scale(1.06) translateY(0) rotate(-3deg)}}.sg-brand-text{font-size:1.55rem;font-weight:700;letter-spacing:.06em;color:#111827;text-shadow:0 1px 0 rgba(255,255,255,.5)}.sg-title{font-size:1.35rem;font-weight:700;color:#111827;text-align:center;margin-bottom:6px;opacity:0;animation:sgFadeIn .5s var(--sg-ease) .45s forwards;letter-spacing:.02em}.sg-subtitle{font-size:.95rem;color:#6b7280;text-align:center;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid rgba(148,163,184,.25);opacity:0;animation:sgFadeIn .5s var(--sg-ease) .5s forwards}.sg-form{opacity:0;animation:sgFadeIn .5s var(--sg-ease) .55s forwards}.sg-form-group{margin-bottom:22px;opacity:0;transform:translateY(12px);animation:sgFieldIn .5s var(--sg-ease) forwards}.sg-form-group--1{animation-delay:.6s}.sg-form-group--2{animation-delay:.72s}.sg-form-group--3{animation-delay:.84s}@keyframes sgFieldIn{to{opacity:1;transform:translateY(0)}}.sg-label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:#4b5563;margin-bottom:10px;transition:color .25s ease,transform .2s ease}.sg-label-icon{font-size:.8rem;color:var(--app-accent);opacity:.9;transition:transform .3s var(--sg-ease)}.sg-form-group:focus-within .sg-label{color:#374151}.sg-form-group:focus-within .sg-label-icon{transform:scale(1.15)}.sg-form .form-control,.sg-input{width:100%;padding:15px 18px;font-size:1rem;border:2px solid var(--app-border-soft);border-radius:16px;background:rgba(255,255,255,.95);color:#111827;transition:border-color .3s ease,box-shadow .3s ease,transform .25s var(--sg-ease),background .25s ease}.sg-form .form-control::placeholder{color:#9ca3af;transition:color .2s ease}.sg-form .form-control:hover{border-color:rgba(99,102,241,.3);background:#fff}.sg-form .form-control:focus{outline:0;border-color:var(--app-accent);box-shadow:0 0 0 4px var(--app-accent-soft),0 4px 20px rgba(99,102,241,.08);transform:translateY(-2px);background:#fff}.sg-form .form-control:focus::placeholder{color:#c7d2fe}.sg-form.sg-form--error-pulse .form-control{animation:sgInputErrorPulse 1.1s cubic-bezier(.22,1,.36,1) 0s 1}@keyframes sgInputErrorPulse{0%{border-color:var(--app-border-soft);box-shadow:none}35%{border-color:rgba(239,68,68,.7);box-shadow:0 0 0 4px rgba(239,68,68,.14)}50%{border-color:rgba(239,68,68,.75);box-shadow:0 0 0 4px rgba(239,68,68,.12)}100%{border-color:var(--app-border-soft);box-shadow:none}}.sg-btn-wrap{margin-top:30px}.sg-btn{width:100%;padding:16px 24px;font-size:1.05rem;font-weight:600;border:none;border-radius:16px;cursor:pointer;background:linear-gradient(135deg,#818cf8 0,var(--app-accent) 45%,#4f46e5 100%);background-size:200% 100%;color:#fff;box-shadow:0 14px 32px rgba(99,102,241,.38),0 0 0 1px rgba(255,255,255,.28) inset,0 1px 0 rgba(255,255,255,.2);transition:transform .3s var(--sg-ease),box-shadow .35s ease,opacity .25s ease,background-position .5s ease;position:relative;overflow:hidden;letter-spacing:.03em}.sg-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 0,rgba(255,255,255,.15) 45%,transparent 55%);transform:translateX(-100%);transition:transform .6s ease}.sg-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 20px 44px rgba(99,102,241,.45),0 0 0 1px rgba(255,255,255,.35) inset,0 4px 0 rgba(79,70,229,.2)}.sg-btn:hover:not(:disabled)::after{transform:translateX(100%)}.sg-btn:active:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px rgba(99,102,241,.35),0 0 0 1px rgba(255,255,255,.25) inset}.sg-btn:disabled{opacity:.9;cursor:not-allowed}@keyframes sgBtnGlow{0%,100%{box-shadow:0 14px 32px rgba(99,102,241,.38),0 0 0 1px rgba(255,255,255,.28) inset,0 1px 0 rgba(255,255,255,.2)}50%{box-shadow:0 16px 38px rgba(99,102,241,.42),0 0 0 1px rgba(255,255,255,.28) inset,0 1px 0 rgba(255,255,255,.2)}}.sg-btn:not(:disabled):not(:hover){animation:sgBtnGlow 2.5s ease-in-out infinite}.sg-btn .sg-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.4);transform:scale(0);animation:sgRipple .6s var(--sg-ease-out);pointer-events:none}@keyframes sgRipple{to{transform:scale(2.5);opacity:0}}.sg-errors{margin-top:18px;padding:12px 16px;border-radius:12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);font-size:.9rem;color:#b91c1c;opacity:0;animation:sgShake .5s var(--sg-ease) forwards,sgFadeIn .3s ease .1s forwards}.sg-errors.sg-errors--visible{opacity:1;animation:sgShake .5s var(--sg-ease)}@keyframes sgShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.sg-page.sg-success .sg-wrap{animation:sgSuccessZoom .6s var(--sg-ease-out) forwards}@keyframes sgSuccessZoom{0%{opacity:1;transform:scale(1)}50%{transform:scale(1.05)}100%{opacity:1;transform:scale(1.1)}}.sg-page.sg-success .sg-card{opacity:0;transition:opacity .3s ease}.sg-success-overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 120% 80% at 50% 40%,rgba(99,102,241,.22) 0,transparent 55%),radial-gradient(circle at 50% 50%,rgba(165,180,252,.12) 0,transparent 65%);opacity:0;pointer-events:none;transition:opacity .45s ease}.sg-page.sg-success .sg-success-overlay{opacity:1;pointer-events:auto}.sg-success-content{text-align:center;opacity:0;transform:scale(.6);transition:opacity .4s var(--sg-ease) .15s,transform .4s var(--sg-ease) .15s}.sg-page.sg-success .sg-success-content{opacity:1;transform:scale(1)}.sg-success-circle{width:96px;height:96px;margin:0 auto 24px;border-radius:50%;background:linear-gradient(145deg,#a5b4fc 0,var(--app-accent) 45%,#4f46e5 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.75rem;box-shadow:0 24px 56px rgba(99,102,241,.5),0 0 0 4px rgba(255,255,255,.4);animation:sgIconBounce 1.1s var(--sg-ease-out) .2s both}.sg-success-circle i{animation:sgCheckIn .35s var(--sg-ease-out) .5s both}@keyframes sgIconBounce{0%{transform:scale(0);opacity:0}25%{transform:scale(1.15);opacity:1}40%{transform:scale(.92) translateY(0)}55%{transform:scale(1.05) translateY(-18px)}70%{transform:scale(.98) translateY(-4px)}82%{transform:scale(1.02) translateY(-10px)}100%{transform:scale(1) translateY(0);opacity:1}}@keyframes sgCheckIn{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}}.sg-success-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:8px;letter-spacing:.02em}.sg-success-sub{font-size:1rem;color:#6b7280;font-weight:500}.sg-particles{position:fixed;inset:0;z-index:5;pointer-events:none;overflow:hidden}.sg-particle{position:absolute;width:8px;height:8px;border-radius:50%;opacity:0;animation:sgParticleOut 1s var(--sg-ease-out) forwards}.sg-particle:nth-child(odd){background:var(--app-accent)}.sg-particle:nth-child(2n){background:#a5b4fc}@keyframes sgParticleOut{0%{transform:translate(0,0) scale(1);opacity:.9}100%{transform:translate(var(--sg-dx,0),var(--sg-dy,-80px)) scale(0);opacity:0}}