@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&family=Manrope:wght@400;500;600;700&display=swap";
:root{--auth-bg:var(--bg,#e2fffe);--auth-surface:var(--surface-container,#d2f5f4);--auth-surface-low:var(--surface-container-low,#d7fafa);--auth-surface-high:var(--surface-container-high,#ccefee);--auth-surface-highest:var(--surface-container-highest,#c6e9e9);--auth-white:var(--surface,#fff);--auth-primary:var(--primary,#0c6780);--auth-primary-container:var(--primary-container,#87ceeb);--auth-on-surface:var(--on-surface,#002020);--auth-on-surface-variant:var(--on-surface-variant,#3f484c);--auth-outline:var(--outline,#6f787d);--auth-outline-variant:var(--outline-variant,#bfc8cd);--auth-tertiary-container:var(--tertiary-container,#f9b1bc);--auth-error:var(--error,#ba1a1a)}.auth-page{background-color:var(--auth-bg);justify-content:center;align-items:center;min-height:100vh;padding:.5rem;font-family:Manrope,sans-serif;display:flex}@media (min-width:640px){.auth-page{padding:1rem 2rem}}.dark .auth-page{background-color:var(--bg)}.auth-page h1,.auth-page h2,.auth-page h3,.auth-headline{font-family:Plus Jakarta Sans,sans-serif}.auth-container{background:var(--surface);width:100%;max-width:76rem;box-shadow:var(--glass-shadow-lg,0 20px 40px #0020200f);border-radius:1rem;grid-template-columns:1fr;min-height:100dvh;display:grid;overflow:hidden}@media (min-width:640px){.auth-container{border-radius:1.5rem;min-height:700px}}@media (min-width:1024px){.auth-container{height:auto;min-height:700px;max-height:90vh}}.dark .auth-container{background:var(--surface-container-lowest);box-shadow:var(--glass-shadow-lg)}@media (min-width:1024px){.auth-container{grid-template-columns:1fr 1fr}}.auth-illustration{background:var(--auth-surface);flex-direction:column;justify-content:space-between;padding:3rem;display:none;position:relative;overflow:hidden}.dark .auth-illustration{background:var(--surface-container)}@media (min-width:1024px){.auth-illustration{display:flex}}.auth-illustration .blob-1{background:var(--primary-container);opacity:.2;filter:blur(48px);border-radius:50%;width:16rem;height:16rem;position:absolute;top:-10%;right:-10%}.dark .auth-illustration .blob-1{opacity:.15}.auth-illustration .blob-2{background:var(--auth-tertiary-container);opacity:.3;filter:blur(32px);border-radius:50%;width:12rem;height:12rem;position:absolute;bottom:-5%;left:-5%}.dark .auth-illustration .blob-2{opacity:.2}.auth-brand{z-index:10;position:relative}.auth-brand-link{text-decoration:none;transition:transform .2s,opacity .2s;display:inline-block}.auth-brand-link:hover{opacity:.9;transform:scale(1.02)}.auth-brand-name{letter-spacing:-.02em;background:linear-gradient(90deg,#ff6b9d,#a855f7,#87ceeb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Plus Jakarta Sans,sans-serif;font-size:1.75rem;font-weight:900}@media (max-width:480px){.auth-brand-name{font-size:1.5rem}}.auth-brand-tagline{color:var(--auth-on-surface-variant);margin-top:.5rem;font-size:.95rem;font-weight:500}.auth-hero-section{z-index:10;padding:2rem 0;position:relative}.auth-hero-wrapper{position:relative}.auth-hero-img{box-shadow:var(--glass-shadow-lg,0 20px 30px #0020201f);object-fit:cover;aspect-ratio:4/3;border-radius:.75rem;width:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);transform:rotate(-2deg)}.dark .auth-hero-img{box-shadow:var(--glass-shadow-lg);opacity:.9}.auth-hero-img:hover{transform:rotate(0)}.auth-activity-card{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--glass-shadow);border:1px solid var(--glass-border);border-radius:.75rem;max-width:240px;padding:1.25rem 1.5rem;animation:4s ease-in-out infinite float-card;position:absolute;bottom:-1.5rem;right:-1.5rem}.dark .auth-activity-card{background:var(--glass-bg-strong);border-color:var(--glass-border-soft)}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.auth-activity-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.auth-activity-icon{color:var(--auth-primary);font-size:1.25rem}.auth-activity-label{text-transform:uppercase;letter-spacing:.1em;color:var(--auth-on-surface-variant);font-size:.7rem;font-weight:700}.auth-activity-text{color:var(--auth-on-surface);font-size:.85rem;font-weight:500;line-height:1.4}.auth-narrative{z-index:10;position:relative}.auth-narrative h2{color:var(--auth-primary);letter-spacing:-.02em;font-size:1.75rem;font-weight:700;line-height:1.25}.auth-narrative-dots{gap:.5rem;margin-top:1.5rem;display:flex}.auth-dot{border-radius:9999px;height:4px}.auth-dot-active{background:var(--auth-primary-container);width:3rem}.auth-dot-inactive{background:var(--auth-surface-highest);width:1rem}.auth-form-panel{background:var(--surface);flex-direction:column;justify-content:center;padding:1.5rem 1rem;display:flex;position:relative}.dark .auth-form-panel{background:var(--surface-container-lowest)}@media (min-width:640px){.auth-form-panel{padding:2rem}}@media (min-width:768px){.auth-form-panel{padding:2.5rem 4rem}}.auth-mobile-brand{margin-bottom:2rem;display:block}@media (min-width:1024px){.auth-mobile-brand{display:none}}.auth-form-content{width:100%;max-width:28rem;margin:0 auto}.auth-form-header{margin-bottom:1.5rem}@media (min-width:640px){.auth-form-header{margin-bottom:2rem}}.auth-form-title{color:var(--auth-on-surface);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}@media (min-width:640px){.auth-form-title{font-size:2.25rem}}.dark .auth-form-title{color:var(--on-surface)}.auth-form-subtitle{color:var(--auth-on-surface-variant);font-size:.95rem}.dark .auth-form-subtitle{color:var(--on-surface-variant)}.auth-tabs{background:var(--auth-surface-low);border-radius:9999px;margin-bottom:1.75rem;padding:4px;display:flex}.dark .auth-tabs{background:var(--surface-container-low)}.auth-tab{cursor:pointer;color:var(--auth-on-surface-variant);text-align:center;background:0 0;border:none;border-radius:9999px;flex:1;padding:.625rem 1rem;font-size:.875rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-tab:hover:not(.auth-tab-active){color:var(--auth-primary)}.auth-tab-active{background:var(--surface);color:var(--auth-primary);box-shadow:0 1px 4px #00202014}.dark .auth-tab-active{background:var(--surface-container-high);color:var(--primary);box-shadow:var(--glass-shadow)}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-field{flex-direction:column;gap:.25rem;display:flex}.auth-label{text-transform:uppercase;letter-spacing:.08em;color:var(--auth-on-surface-variant);margin-left:.25rem;font-size:.7rem;font-weight:700}.auth-label-row{justify-content:space-between;align-items:center;padding:0 .25rem;display:flex}.auth-forgot-link{color:var(--auth-primary);font-size:.75rem;font-weight:700;text-decoration:none;transition:color .2s}.auth-forgot-link:hover{color:#005870}.auth-input-wrapper{position:relative}.auth-input-icon{pointer-events:none;color:var(--auth-outline-variant);align-items:center;padding-left:1rem;transition:color .2s;display:flex;position:absolute;inset:0 auto 0 0}.auth-input-wrapper:focus-within .auth-input-icon{color:var(--auth-primary)}.auth-input{background:var(--surface);width:100%;color:var(--auth-on-surface);border:none;border-radius:.75rem;outline:none;padding:1rem 1rem 1rem 3rem;font-family:Manrope,sans-serif;font-size:.9375rem;transition:all .2s;display:block;box-shadow:inset 0 0 0 1px #bfc8cd4d}.dark .auth-input{background:var(--surface-container-lowest);color:var(--on-surface);box-shadow:inset 0 0 0 1px var(--outline-variant)}.auth-input::placeholder{color:var(--auth-outline-variant)}.auth-input:focus{box-shadow:inset 0 0 0 2px var(--auth-primary-container);background:var(--surface)}.dark .auth-input:focus{box-shadow:inset 0 0 0 2px var(--primary-container);background:var(--surface-container-lowest)}.auth-input-no-icon{padding-left:1rem}.auth-eye-toggle{cursor:pointer;color:var(--auth-outline-variant);background:0 0;border:none;align-items:center;padding:.25rem;transition:color .2s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.auth-eye-toggle:hover{color:var(--auth-primary)}.auth-select{background:var(--surface);width:100%;color:var(--auth-on-surface);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%230c6780' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:18px;border:1.5px solid #0000;border-radius:.875rem;outline:none;padding:1rem 2.75rem 1rem 1rem;font-family:Manrope,sans-serif;font-size:.9375rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:block;box-shadow:0 2px 8px #0020200a,inset 0 0 0 1px #bfc8cd66}.auth-select:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%230c6780' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transform:translateY(-1px);box-shadow:0 4px 16px #87ceeb26,inset 0 0 0 1px #87ceeb80}.auth-select:focus{box-shadow:0 4px 20px #87ceeb33,inset 0 0 0 2px var(--auth-primary-container);border-color:var(--auth-primary-container);transform:translateY(-1px)}.dark .auth-select{background-color:var(--surface-container-lowest);color:var(--on-surface);box-shadow:0 2px 8px #0003,inset 0 0 0 1px var(--outline-variant);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%2387ceeb' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.dark .auth-select:hover{box-shadow:0 4px 20px #87ceeb1a,inset 0 0 0 1px var(--primary);background-color:var(--surface-container-low)}.dark .auth-select:focus{box-shadow:0 4px 24px #87ceeb26,inset 0 0 0 2px var(--primary-container);border-color:var(--primary-container)}.auth-select option{background:var(--surface);color:var(--auth-on-surface);padding:.75rem 1rem;font-size:.9375rem}.auth-select option:checked{background:var(--auth-primary-container);color:var(--auth-on-surface);font-weight:600}.auth-select option:hover{background:var(--auth-surface-low)}.dark .auth-select option{background:var(--surface-container-lowest);color:var(--on-surface)}.dark .auth-select option:checked{background:var(--primary-container);color:var(--on-primary-container)}.auth-select option[value=""]{color:var(--auth-outline);font-style:italic}.dark .auth-select option[value=""]{color:var(--on-surface-variant)}.auth-grid-2{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:480px){.auth-grid-2{grid-template-columns:1fr 1fr}}.auth-remember{align-items:center;gap:.75rem;padding:0 .25rem;display:flex}.dark .auth-remember-label{color:var(--on-surface-variant)}.auth-checkbox{width:1.25rem;height:1.25rem;accent-color:var(--auth-primary);cursor:pointer;border-radius:.375rem}.auth-remember-label{color:var(--auth-on-surface-variant);cursor:pointer;font-size:.875rem;font-weight:500}.auth-submit-btn{width:100%;color:var(--on-primary-container,#002020);cursor:pointer;background:var(--sky-gradient,linear-gradient(135deg,#87ceeb 0%,#e6e6fa 50%,#ffb6c1 100%));border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-family:Manrope,sans-serif;font-size:.9375rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #87ceeb40}.dark .auth-submit-btn{background:var(--sky-gradient);color:var(--on-primary-container);box-shadow:0 4px 16px #87ceeb26}.auth-submit-btn:hover{transform:scale(1.02);box-shadow:0 8px 24px #87ceeb59}.auth-submit-btn:active{transform:scale(.98)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-divider{margin:2rem 0;position:relative}.auth-divider-line{border:none;border-top:1px solid #bfc8cd33;width:100%}.dark .auth-divider-line{border-top-color:var(--outline-variant)}.auth-divider-text{background:var(--surface);text-transform:uppercase;letter-spacing:.1em;color:var(--auth-outline-variant);white-space:nowrap;padding:0 1rem;font-size:.7rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dark .auth-divider-text{background:var(--surface-container-lowest);color:var(--on-surface-variant)}.auth-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}@media (min-width:640px){.auth-footer-links{gap:1rem}}.auth-footer-link{color:var(--auth-on-surface-variant);font-size:.75rem;text-decoration:none;transition:color .2s}.auth-footer-link:hover{color:var(--auth-primary)}.auth-footer-dot{color:var(--auth-outline-variant);font-size:.75rem}.auth-terms-text{text-align:center;color:var(--auth-on-surface-variant);margin-top:2rem;font-size:.8rem}.auth-terms-link{color:var(--auth-on-surface);text-decoration:underline;-webkit-text-decoration-color:var(--auth-primary-container);text-decoration-color:var(--auth-primary-container);text-underline-offset:4px;font-weight:700}.auth-terms-link:hover{-webkit-text-decoration-color:var(--auth-primary);text-decoration-color:var(--auth-primary)}.auth-social-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.auth-social-btn{cursor:pointer;color:var(--auth-on-surface);background:0 0;border:1px solid #bfc8cd33;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.auth-social-btn:hover{background:var(--auth-surface-low)}.auth-error{background:var(--error-container);color:var(--on-error-container);border:1px solid var(--error-container);border-radius:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600}.dark .auth-error{background:var(--error-container);color:var(--on-error-container);border-color:var(--error-container)}.auth-otp-input{text-align:center;letter-spacing:.5em;background:var(--surface);width:100%;color:var(--auth-on-surface);border:none;border-radius:.75rem;outline:none;padding:1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.75rem;font-weight:700;transition:all .2s;box-shadow:inset 0 0 0 1px #bfc8cd4d}.dark .auth-otp-input{background:var(--surface-container-lowest);color:var(--on-surface);box-shadow:inset 0 0 0 1px var(--outline-variant)}.auth-otp-input:focus{box-shadow:inset 0 0 0 2px var(--auth-primary-container)}.dark .auth-otp-input:focus{box-shadow:inset 0 0 0 2px var(--primary-container)}.auth-otp-input::placeholder{color:var(--auth-outline-variant);letter-spacing:.3em}.auth-back-btn{color:var(--auth-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;transition:opacity .2s;display:inline-flex}.auth-back-btn:hover{opacity:.7}.auth-roll-preview{color:var(--auth-primary);margin-top:.25rem;margin-left:.25rem;font-size:.75rem;font-weight:600}.auth-impress-link{color:#a855f7;align-items:center;gap:.375rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.auth-impress-link:hover{opacity:.75}.auth-spinner{width:1rem;height:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-help-btn{background:var(--surface);width:3rem;height:3rem;box-shadow:var(--glass-shadow,0 8px 24px #0020201a);cursor:pointer;color:var(--auth-primary);border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:fixed;bottom:1rem;right:1rem}@media (min-width:640px){.auth-help-btn{width:3.5rem;height:3.5rem;bottom:2rem;right:2rem}}.dark .auth-help-btn{background:var(--surface-container-high);color:var(--primary);box-shadow:var(--glass-shadow)}.auth-help-btn:hover{transform:scale(1.1)}.auth-help-btn:active{transform:scale(.95)}.auth-form-scrollable{scrollbar-width:thin;scrollbar-color:#87ceeb4d transparent;justify-content:flex-start;max-height:calc(100vh - 4rem);padding-top:2rem;padding-bottom:2rem;overflow-y:auto}.dark .auth-form-scrollable{scrollbar-color:var(--primary-container)transparent}.dark .auth-form-scrollable::-webkit-scrollbar-thumb{background:var(--primary-container)}@media (min-width:768px){.auth-form-scrollable{padding-top:3rem;padding-bottom:3rem}}.auth-form-scrollable::-webkit-scrollbar{width:4px}.auth-form-scrollable::-webkit-scrollbar-thumb{background:#87ceeb4d;border-radius:99px}.auth-fade-in{animation:.4s cubic-bezier(.4,0,.2,1) both authFadeIn}@keyframes authFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-tab-content{animation:.3s cubic-bezier(.4,0,.2,1) both authSlideIn}@keyframes authSlideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}