:root{--color-primary: #6750A4;--color-primary-hover: #7C4DFF;--color-primary-container: #EADDFF;--color-on-primary: #FFFFFF;--color-on-primary-container: #21005D;--color-secondary: #03DAC6;--color-secondary-hover: #00BFA5;--color-secondary-container: #004D40;--color-on-secondary: #000000;--color-on-secondary-container: #A7F3D0;--color-background: #121212;--color-surface: #1E1E1E;--color-surface-variant: #2A2A2A;--color-surface-container: #262626;--color-surface-container-high: #333333;--color-text: #FFFFFF;--color-text-secondary: #B3B3B3;--color-text-tertiary: #808080;--color-on-surface: #FFFFFF;--color-on-surface-variant: #CAC4D0;--color-tertiary: #7D5260;--color-tertiary-container: #FFD8E4;--color-on-tertiary: #FFFFFF;--color-on-tertiary-container: #31111D;--color-error: #F2B8B5;--color-error-container: #8C1D18;--color-on-error: #601410;--color-on-error-container: #F9DEDC;--color-outline: #938F99;--color-outline-variant: #49454F;--shadow-1: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-2: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);--shadow-3: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);--shadow-4: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);--shadow-5: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-display-large: 3.5rem;--font-size-display-medium: 2.8rem;--font-size-display-small: 2.25rem;--font-size-headline-large: 2rem;--font-size-headline-medium: 1.75rem;--font-size-headline-small: 1.5rem;--font-size-title-large: 1.375rem;--font-size-title-medium: 1rem;--font-size-title-small: .875rem;--font-size-body-large: 1rem;--font-size-body-medium: .875rem;--font-size-body-small: .75rem;--font-size-label-large: .875rem;--font-size-label-medium: .75rem;--font-size-label-small: .6875rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family-primary);font-size:var(--font-size-body-large);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.display-large{font-size:var(--font-size-display-large);font-weight:400;line-height:var(--line-height-tight)}.display-medium{font-size:var(--font-size-display-medium);font-weight:400;line-height:var(--line-height-tight)}.display-small{font-size:var(--font-size-display-small);font-weight:400;line-height:var(--line-height-tight)}.headline-large{font-size:var(--font-size-headline-large);font-weight:400;line-height:var(--line-height-tight)}.headline-medium{font-size:var(--font-size-headline-medium);font-weight:400;line-height:var(--line-height-tight)}.headline-small{font-size:var(--font-size-headline-small);font-weight:400;line-height:var(--line-height-tight)}.title-large{font-size:var(--font-size-title-large);font-weight:500;line-height:var(--line-height-normal)}.title-medium{font-size:var(--font-size-title-medium);font-weight:500;line-height:var(--line-height-normal)}.title-small{font-size:var(--font-size-title-small);font-weight:500;line-height:var(--line-height-normal)}.body-large{font-size:var(--font-size-body-large);font-weight:400;line-height:var(--line-height-relaxed)}.body-medium{font-size:var(--font-size-body-medium);font-weight:400;line-height:var(--line-height-normal)}.body-small{font-size:var(--font-size-body-small);font-weight:400;line-height:var(--line-height-normal)}.label-large{font-size:var(--font-size-label-large);font-weight:500;line-height:var(--line-height-normal)}.label-medium{font-size:var(--font-size-label-medium);font-weight:500;line-height:var(--line-height-normal)}.label-small{font-size:var(--font-size-label-small);font-weight:500;line-height:var(--line-height-normal)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--color-on-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-outline);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}#app[data-v-bab61320]{transition:all .3s ease}.navbar[data-v-0a95f46e]{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#121212d9;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-bottom:1px solid var(--color-outline-variant);transition:all var(--transition-normal)}.navbar-scrolled[data-v-0a95f46e]{background-color:#12121299;box-shadow:var(--shadow-2)}.navbar-content[data-v-0a95f46e]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0}.navbar-logo[data-v-0a95f46e]{text-decoration:none;color:var(--color-text);font-weight:700;font-size:var(--font-size-title-large);transition:color var(--transition-fast)}.navbar-logo[data-v-0a95f46e]:hover{color:var(--color-primary)}.logo-text[data-v-0a95f46e]{color:#fff;font-family:var(--font-family);font-size:2rem}.logo-text span[data-v-0a95f46e]{font-weight:200}.desktop-nav[data-v-0a95f46e]{display:flex;align-items:center;gap:var(--spacing-xl)}.nav-link[data-v-0a95f46e]{text-decoration:none;color:var(--color-text-secondary);font-weight:500;font-size:var(--font-size-body-large);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.nav-link[data-v-0a95f46e]:hover{color:var(--color-primary);background-color:#6750a41a}.nav-link-active[data-v-0a95f46e]{color:var(--color-primary);background-color:#6750a426}.mobile-menu-btn[data-v-0a95f46e]{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.mobile-menu-btn[data-v-0a95f46e]:hover{background-color:#6750a41a}.hamburger-line[data-v-0a95f46e]{width:24px;height:2px;background-color:var(--color-text);margin:2px 0;transition:all .3s ease;border-radius:2px;transform-origin:center;position:relative}.mobile-menu-btn[data-v-0a95f46e]{position:relative;width:40px;height:40px}.hamburger-line-active[data-v-0a95f46e]{margin:-1px 0;position:absolute;top:50%;left:50%}.hamburger-line-active[data-v-0a95f46e]:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)}.hamburger-line-active[data-v-0a95f46e]:nth-child(2){opacity:0;transform:translate(20px)}.hamburger-line-active[data-v-0a95f46e]:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)}.mobile-nav[data-v-0a95f46e]{display:none;flex-direction:column;padding:0;border-top:1px solid transparent;margin-top:0;max-height:0;overflow:hidden;opacity:0;transition:all var(--transition-normal)}.mobile-nav-open[data-v-0a95f46e]{display:flex;padding:var(--spacing-lg) 0;border-top:1px solid var(--color-outline-variant);margin-top:var(--spacing-md);max-height:300px;opacity:1}.mobile-nav-link[data-v-0a95f46e]{text-decoration:none;color:var(--color-text-secondary);font-weight:500;font-size:var(--font-size-body-large);padding:var(--spacing-md) 0;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.mobile-nav-link[data-v-0a95f46e]:hover{color:var(--color-primary)}.logout-button-desktop[data-v-0a95f46e]{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-error-container, #b3261e);color:var(--color-on-error-container, #ffffff);border:none;border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-body-large);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);text-align:center;margin-left:var(--spacing-sm)}.logout-button-desktop[data-v-0a95f46e]:hover,.logout-button-desktop[data-v-0a95f46e]:focus{background-color:var(--color-error, #8c1d18);color:var(--color-on-error, #ffffff);transform:translateY(-1px);box-shadow:var(--shadow-1)}.logout-button-mobile[data-v-0a95f46e]{display:block;width:100%;padding:var(--spacing-md) 0;background-color:transparent;color:var(--color-error, #b3261e);border:none;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-body-large);text-align:left;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.logout-button-mobile[data-v-0a95f46e]:hover,.logout-button-mobile[data-v-0a95f46e]:focus{background-color:var(--color-error-container-hover, rgba(179, 38, 30, .1));color:var(--color-error-dark, #8c1d18)}@media (max-width: 768px){.desktop-nav[data-v-0a95f46e]{display:none}.mobile-menu-btn[data-v-0a95f46e]{display:flex}}.nav-link.as-button[data-v-0a95f46e],.mobile-nav-link.as-button[data-v-0a95f46e]{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-weight:500;font-size:var(--font-size-body-large);padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;text-align:left;width:100%}.nav-link.as-button[data-v-0a95f46e]:hover,.mobile-nav-link.as-button[data-v-0a95f46e]:hover{color:var(--color-primary);background-color:#6750a41a}.nav-link-cta[data-v-0a95f46e]{background-color:var(--color-primary);color:var(--color-on-primary)!important;border-radius:var(--radius-full);padding-left:var(--spacing-lg)!important;padding-right:var(--spacing-lg)!important}.nav-link-cta[data-v-0a95f46e]:hover{background-color:var(--color-primary-dark);color:var(--color-on-primary)!important}.mobile-nav-link-cta[data-v-0a95f46e]{font-weight:600;color:var(--color-primary)}.app-footer[data-v-6730e643]{background-color:var(--color-surface-container, #222028);color:var(--color-on-surface-variant, #cac4cf);padding:var(--spacing-xl) var(--spacing-md);text-align:center;border-top:1px solid var(--color-outline-variant, #49454e)}.app-footer .container[data-v-6730e643]{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.app-footer p[data-v-6730e643]{margin:0;font-size:var(--font-size-body-medium)}.footer-links[data-v-6730e643]{display:flex;align-items:center;gap:var(--spacing-sm)}.footer-link-item[data-v-6730e643]{color:var(--color-on-surface-variant, #cac4cf);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.footer-link-item[data-v-6730e643]:hover{color:var(--color-primary, #d0bcff);background-color:var(--color-primary-transparent-10, rgba(208, 188, 255, .1));text-decoration:none}.footer-link-separator[data-v-6730e643]{color:var(--color-outline, #8f8a99)}@media (min-width: 768px){.app-footer .container[data-v-6730e643]{flex-direction:row;justify-content:space-between}}.home-view-wrapper[data-v-b0359945]{display:flex;flex-direction:column;min-height:100vh}.hero-container[data-v-b0359945]{height:90vh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-surface-dim, #2c2a33) 0%,var(--color-primary-container-semi-opaque, rgba(103, 58, 183, .1)) 35%,var(--color-secondary-container-semi-opaque, rgba(0, 121, 107, .1)) 65%,var(--color-surface, #1e1c24) 100%);background-size:300% 300%;animation:gradientBG-b0359945 20s ease infinite;z-index:0}.content-section[data-v-b0359945]{padding:var(--spacing-xxl) var(--spacing-md) var(--spacing-xxl);background-color:var(--color-surface-container, #222028);color:var(--color-on-surface, #e6e1e5);border-top:1px solid var(--color-outline-variant, #49454e)}.content-section .container[data-v-b0359945]{max-width:1200px;margin:0 auto;text-align:center}.section-title[data-v-b0359945]{margin-top:var(--spacing-3xl);font-size:var(--font-size-headline-large, 2.5rem);font-weight:600;color:var(--color-on-surface, #e6e1e5);margin-bottom:var(--spacing-xl);text-transform:uppercase;letter-spacing:1px;position:relative;padding-bottom:var(--spacing-md)}.section-title[data-v-b0359945]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background-color:var(--color-primary, #d0bcff);border-radius:2px}.loading-indicator p[data-v-b0359945],.error-message p[data-v-b0359945]{font-size:var(--font-size-title-medium, 1.25rem);color:var(--color-on-surface-variant, #cac4cf);padding:var(--spacing-xl);text-align:center}.error-message p[data-v-b0359945]{color:var(--color-error, #f2b8b5)}.section-placeholder[data-v-b0359945]{font-size:var(--font-size-title-medium, 1.25rem);color:var(--color-on-surface-variant, #cac4cf);line-height:1.8;max-width:750px;margin:0 auto var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-surface-container-low, #28262e);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}@keyframes gradientBG-b0359945{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.particles-bg[data-v-b0359945]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.particles-bg[data-v-b0359945]:before,.particles-bg[data-v-b0359945]:after{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,var(--color-primary-transparent-10, rgba(103, 58, 183, .05)) 0%,transparent 70%);border-radius:50%;animation:floatParticle-b0359945 30s infinite ease-in-out;opacity:.5}.particles-bg[data-v-b0359945]:after{width:200px;height:200px;background:radial-gradient(circle,var(--color-secondary-transparent-10, rgba(0, 121, 107, .05)) 0%,transparent 70%);animation-delay:-15s;animation-duration:35s;bottom:10%;right:5%}.particles-bg[data-v-b0359945]:before{top:15%;left:10%}@keyframes floatParticle-b0359945{0%,to{transform:translateY(0) translate(0) scale(1)}25%{transform:translateY(-30px) translate(20px) scale(1.1)}50%{transform:translateY(20px) translate(-30px) scale(.9)}75%{transform:translateY(-10px) translate(10px) scale(1.05)}}.hero-section[data-v-b0359945]{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;color:var(--color-on-surface);opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out;position:relative;z-index:2}.hero-section.visible[data-v-b0359945]{opacity:1;transform:translateY(0)}.welcome-title[data-v-b0359945]{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;margin-bottom:.75rem;line-height:1.2}.tagline[data-v-b0359945]{font-size:clamp(1rem,2.5vw,1.5rem);color:var(--color-on-surface-variant);max-width:600px;margin-top:.75rem;margin-bottom:2rem;line-height:1.6;opacity:0;transform:translateY(15px);animation:fadeInTagline-b0359945 .8s ease-out .4s forwards}@keyframes fadeInTagline-b0359945{to{opacity:1;transform:translateY(0)}}.hero-cta-buttons[data-v-b0359945]{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap;justify-content:center}.cta-button[data-v-b0359945]{background-color:var(--color-primary);color:var(--color-on-primary);padding:.8rem 2rem;border-radius:2rem;border:none;font-size:clamp(.9rem,2vw,1.1rem);font-weight:600;cursor:pointer;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #0000001a;opacity:0;transform:translateY(10px) scale(.95);animation:fadeInCTA-b0359945 .7s ease-out .8s forwards}.cta-button.primary[data-v-b0359945]{background-color:var(--color-primary);color:var(--color-on-primary)}.cta-button.primary[data-v-b0359945]:hover,.cta-button.primary[data-v-b0359945]:focus{background-color:var(--color-primary-dark, #5a369b);transform:translateY(-3px) scale(1.03);box-shadow:0 7px 22px rgba(var(--color-primary-rgb, 103, 58, 183),.35)}.cta-button.secondary[data-v-b0359945]{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.cta-button.secondary[data-v-b0359945]:hover,.cta-button.secondary[data-v-b0359945]:focus{background-color:var(--color-primary-transparent-10, rgba(103, 58, 183, .1));color:var(--color-primary-dark, #5a369b);border-color:var(--color-primary-dark, #5a369b);transform:translateY(-3px) scale(1.03);box-shadow:0 7px 22px rgba(var(--color-primary-rgb, 103, 58, 183),.15)}.cta-button[data-v-b0359945]:hover,.cta-button[data-v-b0359945]:focus{background-color:var(--color-primary-dark, #5a369b);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px rgba(var(--color-primary-rgb, 103, 58, 183),.3)}@keyframes fadeInCTA-b0359945{to{opacity:1;transform:translateY(0) scale(1)}}.gradient-text[data-v-b0359945]{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-view-wrapper[data-v-5f3a7f93]{display:flex;flex-direction:column;min-height:100vh;background:var(--color-background-gradient, linear-gradient(135deg, var(--color-surface-container-lowest, #1f1d2b), var(--color-surface-container-low, #272537)));background-size:400% 400%;animation:subtleGradientBG-5f3a7f93 25s ease infinite;will-change:background-position}@keyframes subtleGradientBG-5f3a7f93{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.profile-main-content[data-v-5f3a7f93]{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:calc(var(--navbar-height, 60px) + var(--spacing-lg)) var(--spacing-md) var(--spacing-xl)}.profile-card[data-v-5f3a7f93]{width:100%;max-width:750px;padding:var(--spacing-xxl) var(--spacing-xxl);background-color:var(--color-surface, #1a1825);border-radius:var(--radius-xl, 20px);box-shadow:var(--shadow-4, 0 8px 30px rgba(0,0,0,.25));animation:fadeInScaleUp-5f3a7f93 .6s cubic-bezier(.165,.84,.44,1)}@keyframes fadeInScaleUp-5f3a7f93{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.profile-title[data-v-5f3a7f93]{font-size:var(--font-size-headline-medium, 2.15rem);color:var(--color-primary, #d0bcff);text-align:center;margin-bottom:var(--spacing-xxl);font-weight:700;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.status-message[data-v-5f3a7f93]{text-align:center;padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);color:var(--color-on-surface-variant, #cac4cf)}.loading-message[data-v-5f3a7f93]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-title-medium)}.error-container[data-v-5f3a7f93]{background-color:var(--color-error-container-transparent, #5c191980);color:var(--color-on-error-container, #ffdad6);border:1px solid var(--color-error, #f2b8b5)}.profile-form-container[data-v-5f3a7f93]{padding:0 var(--spacing-lg);animation:slideInUp-5f3a7f93 .5s ease-out}@keyframes slideInUp-5f3a7f93{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.avatar-section[data-v-5f3a7f93]{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-xl);gap:var(--spacing-md)}.profile-avatar-preview[data-v-5f3a7f93]{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--color-primary-container, #4f378b);box-shadow:var(--shadow-2);background-color:var(--color-surface-container-high)}.avatar-url-group[data-v-5f3a7f93]{width:100%}.form-row[data-v-5f3a7f93]{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width: 600px){.form-row[data-v-5f3a7f93]{grid-template-columns:1fr 1fr}.avatar-section[data-v-5f3a7f93]{flex-direction:row;align-items:flex-end;gap:var(--spacing-lg)}.profile-avatar-preview[data-v-5f3a7f93]{width:100px;height:100px}}.form-group[data-v-5f3a7f93]{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg_plus_sm)}.form-label[data-v-5f3a7f93]{font-size:var(--font-size-label-large, .95rem);color:var(--color-on-surface-variant, #cac4cf);font-weight:500}.form-input[data-v-5f3a7f93],.form-textarea[data-v-5f3a7f93]{width:100%;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-surface-container-high, #2c2a3a);color:var(--color-on-surface, #e6e1e5);border:1px solid var(--color-outline, #454257);border-radius:var(--radius-md, 8px);font-size:var(--font-size-body-large, 1rem);transition:all .2s ease-in-out}.form-input[data-v-5f3a7f93]::placeholder,.form-textarea[data-v-5f3a7f93]::placeholder{color:var(--color-on-surface-variant-translucent, #cac4cf80)}.form-input[data-v-5f3a7f93]:focus,.form-textarea[data-v-5f3a7f93]:focus{outline:none;border-color:var(--color-primary, #d0bcff);box-shadow:0 0 0 2px var(--color-primary-transparent-20, #d0bcff33);background-color:var(--color-surface-container-highest, #383549)}.input-hint[data-v-5f3a7f93]{font-size:var(--font-size-body-small, .75rem);color:var(--color-on-surface-variant, #b0aac0);padding-left:var(--spacing-xs)}.form-actions[data-v-5f3a7f93]{margin-top:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.button-primary[data-v-5f3a7f93],.button-secondary[data-v-5f3a7f93]{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-size:var(--font-size-label-large, 1rem);font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease;border:none;min-width:200px;text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.button-primary[data-v-5f3a7f93]{background-color:var(--color-primary, #d0bcff);color:var(--color-on-primary, #381e72);box-shadow:var(--shadow-1)}.button-primary[data-v-5f3a7f93]:hover:not(:disabled){background-color:var(--color-primary-dark, #b59ff5);transform:translateY(-2px);box-shadow:var(--shadow-2)}.button-primary[data-v-5f3a7f93]:disabled{background-color:var(--color-surface-variant, #49454F);color:var(--color-on-surface-variant, #CAC4CF);cursor:not-allowed;box-shadow:none}.button-secondary[data-v-5f3a7f93]{background-color:var(--color-secondary-container, #4a4458);color:var(--color-on-secondary-container, #e8def8)}.button-secondary[data-v-5f3a7f93]:hover{background-color:var(--color-secondary-container-hover, #5e5870);transform:translateY(-2px)}.save-status[data-v-5f3a7f93]{margin-top:var(--spacing-sm);font-size:var(--font-size-body-medium);font-weight:500}.success-text[data-v-5f3a7f93]{color:var(--color-tertiary, #79d87d)}.error-text[data-v-5f3a7f93]{color:var(--color-error, #f2b8b5)}.create-profile-prompt[data-v-5f3a7f93]{background-color:var(--color-surface-container-high, #2c2a3a);border:1px dashed var(--color-outline-variant, #6b667d)}.create-profile-prompt p[data-v-5f3a7f93]{margin-bottom:var(--spacing-md)}.loader[data-v-5f3a7f93]{width:24px;height:24px;border:3px solid var(--color-primary-transparent-40, #d0bcff66);border-bottom-color:var(--color-primary, #d0bcff);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-5f3a7f93 1s linear infinite}.button-loader[data-v-5f3a7f93]{width:18px;height:18px;border:2px solid var(--color-on-primary-transparent, #ffffff80);border-bottom-color:var(--color-on-primary, #381e72);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-5f3a7f93 .8s linear infinite}@keyframes rotation-5f3a7f93{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portfolios-section[data-v-5f3a7f93]{margin-top:var(--spacing-xxl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-outline-variant, #454257)}.section-title[data-v-5f3a7f93]{font-size:var(--font-size-headline-small, 1.75rem);color:var(--color-on-surface, #e6e1e5);margin-bottom:var(--spacing-lg);text-align:center}.placeholder-content[data-v-5f3a7f93]{background-color:var(--color-surface-container, #222028);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-md);text-align:center;color:var(--color-on-surface-variant, #cac4cf);font-size:var(--font-size-body-large);border:1px dashed var(--color-outline, #8f8a99)}.placeholder-content p[data-v-5f3a7f93]{margin-bottom:var(--spacing-sm)}.placeholder-content p[data-v-5f3a7f93]:last-child{margin-bottom:0}[data-v-5f3a7f93]:root{--spacing-lg_plus_sm: calc(var(--spacing-lg) + var(--spacing-sm))}.login-container[data-v-1436b2fb]{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;background:linear-gradient(-45deg,var(--color-surface-container-lowest, #f4f0fa),var(--color-surface-container-low, #e8e0f2),var(--color-surface, #fdf7ff),var(--color-surface-container-low, #e8e0f2));background-size:400% 400%;animation:subtleGradientBG-1436b2fb 25s ease infinite;overflow:hidden}.login-card[data-v-1436b2fb]{width:100%;max-width:450px;padding:2.5rem;border-radius:var(--radius-xl, 20px);background-color:var(--color-surface);box-shadow:var(--shadow-3, 0 4px 15px rgba(0,0,0,.1));animation:fadeIn-1436b2fb .5s ease-out;transition:transform .3s ease,box-shadow .3s ease;position:relative;z-index:1}.login-card[data-v-1436b2fb]:hover{transform:translateY(-5px);box-shadow:var(--shadow-4, 0 8px 25px rgba(0,0,0,.15))}@keyframes fadeIn-1436b2fb{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header[data-v-1436b2fb]{margin-bottom:2rem;text-align:center}.login-header h1[data-v-1436b2fb]{color:var(--color-on-surface);margin-bottom:.5rem;font-weight:600;font-size:2rem}.form-group[data-v-1436b2fb]{margin-bottom:1.5rem}.form-label[data-v-1436b2fb]{display:block;margin-bottom:.5rem;color:var(--color-on-surface);font-weight:500}.password-header[data-v-1436b2fb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.forgot-password-link[data-v-1436b2fb]{font-size:.875rem;color:var(--color-primary);background:none;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;padding:0}.forgot-password-link[data-v-1436b2fb]:hover{color:var(--color-primary-dark, #5d3fd3);text-decoration:underline}.input-container[data-v-1436b2fb]{position:relative;overflow:hidden;border-radius:var(--radius-l, 12px);border:1px solid var(--color-outline);background-color:var(--color-surface);transition:all .3s ease}.input-container[data-v-1436b2fb]:hover{border-color:var(--color-outline-hover, #6b6b6b)}.input-focused[data-v-1436b2fb]{border-color:var(--color-primary);box-shadow:0 0 0 2px #673ab740,0 0 8px #673ab726}.input-highlight[data-v-1436b2fb]{position:absolute;bottom:0;left:50%;width:0%;height:2px;background-color:var(--color-primary);transition:width .35s ease-out,left .35s ease-out;transition:transform .3s ease;transform-origin:left}.input-focused .input-highlight[data-v-1436b2fb]{transform:scaleX(1)}.form-input[data-v-1436b2fb]{width:100%;padding:1rem;border:none;background:transparent;color:var(--color-on-surface);font-size:1rem}.form-input[data-v-1436b2fb]:focus{outline:none}.toggle-password[data-v-1436b2fb]{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-on-surface-variant);cursor:pointer;font-size:.875rem;padding:.25rem .5rem;border-radius:var(--radius-small);transition:all .3s ease}.toggle-password[data-v-1436b2fb]:hover{background-color:var(--color-surface-variant)}.remember-me[data-v-1436b2fb]{display:flex;align-items:center}.checkbox-container[data-v-1436b2fb]{display:flex;align-items:center;cursor:pointer;position:relative;padding-left:35px;-webkit-user-select:none;user-select:none}.checkbox-container input[data-v-1436b2fb]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-1436b2fb]{position:absolute;left:0;height:20px;width:20px;border-radius:4px;border:2px solid var(--color-outline);background-color:transparent;transition:all .3s ease}.checkbox-container:hover input~.checkmark[data-v-1436b2fb]{border-color:var(--color-primary)}.checkbox-container input:checked~.checkmark[data-v-1436b2fb]{background-color:var(--color-primary);border-color:var(--color-primary)}.checkmark[data-v-1436b2fb]:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark[data-v-1436b2fb]:after{display:block}.checkbox-container .checkmark[data-v-1436b2fb]:after{left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label[data-v-1436b2fb]{color:var(--color-on-surface-variant);font-size:.875rem}.login-button[data-v-1436b2fb]{width:100%;padding:1rem;background-color:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-l, 12px);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease-out;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.login-button[data-v-1436b2fb]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease-out}.login-button[data-v-1436b2fb]:hover:before{left:100%}.login-button[data-v-1436b2fb]:hover{background-color:var(--color-primary-dark, #5d3fd3);transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-4, 0 8px 20px rgba(0,0,0,.15))}.login-button[data-v-1436b2fb]:active{transform:translateY(-1px) scale(.98);box-shadow:var(--shadow-2, 0 4px 10px rgba(0,0,0,.1))}.button-loading[data-v-1436b2fb]{opacity:.7;cursor:not-allowed}.loader[data-v-1436b2fb]{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-1436b2fb 1s linear infinite}@keyframes spin-1436b2fb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-divider[data-v-1436b2fb]{display:flex;align-items:center;margin:1.5rem 0;color:var(--color-on-surface-variant);font-size:.875rem}.login-divider[data-v-1436b2fb]:before,.login-divider[data-v-1436b2fb]:after{content:"";flex:1;height:1px;background-color:var(--color-outline-variant)}.login-divider span[data-v-1436b2fb]{padding:0 1rem}.social-login[data-v-1436b2fb]{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.social-button[data-v-1436b2fb]{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--color-outline-variant);background-color:var(--color-surface-container-high, #f0f0f0);transition:all .2s ease-out;cursor:pointer;color:var(--color-on-surface-variant)}.social-button[data-v-1436b2fb]:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-3, 0 6px 15px rgba(0,0,0,.12));border-color:var(--color-primary);background-color:var(--color-surface-container-highest, #e8e8e8);color:var(--color-primary)}.social-button[data-v-1436b2fb]:active{transform:translateY(-2px) scale(.95);box-shadow:var(--shadow-1, 0 2px 5px rgba(0,0,0,.1))}.social-icon[data-v-1436b2fb]{width:24px;height:24px}.signup-prompt[data-v-1436b2fb]{margin-top:1.5rem;text-align:center;color:var(--color-on-surface-variant);font-size:.9rem}.signup-link[data-v-1436b2fb]{color:var(--color-primary);font-weight:600;text-decoration:none;transition:all .3s ease}.signup-link[data-v-1436b2fb]:hover{color:var(--color-primary-dark, #5d3fd3);text-decoration:underline}.floating-shapes-bg[data-v-1436b2fb]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.floating-shapes-bg span[data-v-1436b2fb]{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#673ab726;animation:float-1436b2fb 25s linear infinite;bottom:-180px;border-radius:50%}.floating-shapes-bg span[data-v-1436b2fb]:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.floating-shapes-bg span[data-v-1436b2fb]:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.floating-shapes-bg span[data-v-1436b2fb]:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.floating-shapes-bg span[data-v-1436b2fb]:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s;border-radius:10%;background:#673ab71a}.floating-shapes-bg span[data-v-1436b2fb]:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.floating-shapes-bg span[data-v-1436b2fb]:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s;border-radius:15%;background:#0096881a}.floating-shapes-bg span[data-v-1436b2fb]:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s;background:#ffc10714}.floating-shapes-bg span[data-v-1436b2fb]:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.floating-shapes-bg span[data-v-1436b2fb]:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s;border-radius:20%;background:#0096881f}.floating-shapes-bg span[data-v-1436b2fb]:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s;background:#673ab712}@keyframes float-1436b2fb{0%{transform:translateY(0) rotate(0);opacity:.7}50%{opacity:.1}to{transform:translateY(-120vh) rotate(720deg);opacity:0}}.forgot-password-prompt[data-v-1436b2fb]{margin-top:.75rem;text-align:center}.forgot-password-link-new[data-v-1436b2fb]{color:var(--color-on-surface-variant);font-size:.875rem;background:none;border:none;cursor:pointer;padding:.25rem;text-decoration:none;transition:color .3s ease,text-decoration .3s ease}.forgot-password-link-new[data-v-1436b2fb]:hover{color:var(--color-primary);text-decoration:underline}@media (max-width: 576px){.login-card[data-v-1436b2fb]{padding:1.5rem}}@keyframes subtleGradientBG-1436b2fb{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.message-container[data-v-1436b2fb]{width:100%;padding:.75rem 1rem;margin-bottom:1rem;border-radius:8px;font-size:.875rem;text-align:center;border:1px solid transparent}.error-message[data-v-1436b2fb]{background-color:var(--color-error-container, #f8d7da);color:var(--color-on-error-container, #721c24);border-color:var(--color-error, #f5c6cb)}.info-message[data-v-1436b2fb]{background-color:var(--color-tertiary-container, #e2d9f3);color:var(--color-on-tertiary-container, #2c1d41);border-color:var(--color-tertiary, #785a9b)}@media (prefers-color-scheme: dark){.login-container[data-v-1436b2fb]{background:linear-gradient(-45deg,var(--color-surface-container-lowest, #1a181d),var(--color-surface-container-low, #242128),var(--color-surface, #141218),var(--color-surface-container-low, #242128));background-size:400% 400%;animation:subtleGradientBG-1436b2fb 25s ease infinite}.social-button[data-v-1436b2fb]{background-color:var(--color-surface-container-high, #2a2a2e);color:var(--color-on-surface-variant)}.social-button[data-v-1436b2fb]:hover{background-color:var(--color-surface-container-highest, #35353a);color:var(--color-primary)}}.check-email-container[data-v-b91ca097]{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-surface-container-lowest, #f0f2f5);padding:2rem;font-family:var(--font-family-sans)}.check-email-card[data-v-b91ca097]{background-color:var(--color-surface, #ffffff);padding:2.5rem 3rem;border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-3, 0 4px 20px rgba(0, 0, 0, .08));text-align:center;max-width:500px;width:100%;animation:fadeInScale-b91ca097 .5s ease-out}@keyframes fadeInScale-b91ca097{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.icon-container[data-v-b91ca097]{margin-bottom:1.5rem;color:var(--color-primary, #673ab7)}.title[data-v-b91ca097]{font-size:1.75rem;font-weight:600;color:var(--color-on-surface, #1c1b1f);margin-bottom:1rem}.message[data-v-b91ca097]{font-size:1rem;color:var(--color-on-surface-variant, #49454F);line-height:1.6;margin-bottom:2rem}.back-to-login-button[data-v-b91ca097]{display:inline-block;padding:.75rem 1.5rem;background-color:var(--color-primary, #673ab7);color:var(--color-on-primary, #ffffff);border-radius:var(--radius-m, 8px);text-decoration:none;font-weight:500;transition:background-color .3s ease,transform .2s ease}.back-to-login-button[data-v-b91ca097]:hover{background-color:var(--color-primary-dark, #512da8);transform:translateY(-2px)}@media (prefers-color-scheme: dark){.check-email-container[data-v-b91ca097]{background-color:var(--color-surface-container-lowest, #121212)}.check-email-card[data-v-b91ca097]{background-color:var(--color-surface-container-low, #1e1e1e);box-shadow:0 4px 20px #00000040}.title[data-v-b91ca097]{color:var(--color-on-surface, #e0e0e0)}.message[data-v-b91ca097]{color:var(--color-on-surface-variant, #c4c7c5)}.icon-container[data-v-b91ca097]{color:var(--color-primary, #bb86fc)}.back-to-login-button[data-v-b91ca097]{background-color:var(--color-primary, #bb86fc);color:var(--color-on-primary, #000000)}.back-to-login-button[data-v-b91ca097]:hover{background-color:var(--color-primary-dark, #a063f7)}}.email-confirmed-container[data-v-ab175441]{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-surface-container-lowest, #f0f2f5);padding:2rem;font-family:var(--font-family-sans)}.email-confirmed-card[data-v-ab175441]{background-color:var(--color-surface, #ffffff);padding:2.5rem 3rem;border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-3, 0 4px 20px rgba(0, 0, 0, .08));text-align:center;max-width:500px;width:100%;animation:fadeInScale-ab175441 .5s ease-out}@keyframes fadeInScale-ab175441{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.icon-container.success[data-v-ab175441]{margin-bottom:1.5rem;color:var(--color-success, #4CAF50)}.title[data-v-ab175441]{font-size:1.75rem;font-weight:600;color:var(--color-on-surface, #1c1b1f);margin-bottom:1rem}.message[data-v-ab175441]{font-size:1rem;color:var(--color-on-surface-variant, #49454F);line-height:1.6;margin-bottom:2rem}.go-to-login-button[data-v-ab175441]{display:inline-block;padding:.75rem 1.5rem;background-color:var(--color-primary, #673ab7);color:var(--color-on-primary, #ffffff);border-radius:var(--radius-m, 8px);text-decoration:none;font-weight:500;transition:background-color .3s ease,transform .2s ease}.go-to-login-button[data-v-ab175441]:hover{background-color:var(--color-primary-dark, #512da8);transform:translateY(-2px)}@media (prefers-color-scheme: dark){.email-confirmed-container[data-v-ab175441]{background-color:var(--color-surface-container-lowest, #121212)}.email-confirmed-card[data-v-ab175441]{background-color:var(--color-surface-container-low, #1e1e1e);box-shadow:0 4px 20px #00000040}.title[data-v-ab175441]{color:var(--color-on-surface, #e0e0e0)}.message[data-v-ab175441]{color:var(--color-on-surface-variant, #c4c7c5)}.icon-container.success[data-v-ab175441]{color:var(--color-success-container-dark, #66bb6a)}.go-to-login-button[data-v-ab175441]{background-color:var(--color-primary, #bb86fc);color:var(--color-on-primary, #000000)}.go-to-login-button[data-v-ab175441]:hover{background-color:var(--color-primary-dark, #a063f7)}}.signup-container[data-v-4ff28a91]{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;background:linear-gradient(-45deg,var(--color-surface-container-lowest, #f4f0fa),var(--color-surface-container-low, #e8e0f2),var(--color-surface, #fdf7ff),var(--color-surface-container-low, #e8e0f2));background-size:400% 400%;animation:subtleGradientBG-4ff28a91 25s ease infinite;overflow:hidden}.signup-card[data-v-4ff28a91]{width:100%;max-width:550px;padding:2.5rem;border-radius:var(--radius-xl, 20px);background-color:var(--color-surface);box-shadow:var(--shadow-3, 0 4px 15px rgba(0,0,0,.1));animation:fadeIn-4ff28a91 .5s ease-out;transition:transform .3s ease,box-shadow .3s ease;position:relative;z-index:1}.signup-card[data-v-4ff28a91]:hover{transform:translateY(-5px);box-shadow:var(--shadow-4, 0 8px 25px rgba(0,0,0,.15))}@keyframes fadeIn-4ff28a91{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.signup-header[data-v-4ff28a91]{margin-bottom:2rem;text-align:center}.signup-header h1[data-v-4ff28a91]{color:var(--color-primary);margin-bottom:.5rem;font-weight:700;font-size:2.5rem}.form-grid[data-v-4ff28a91]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group[data-v-4ff28a91]{margin-bottom:1.25rem}.form-label[data-v-4ff28a91]{display:block;margin-bottom:.5rem;color:var(--color-on-surface-variant);font-weight:500;font-size:.875rem}.input-container[data-v-4ff28a91]{position:relative;overflow:hidden;border-radius:var(--radius-l, 12px);border:1px solid var(--color-outline);background-color:var(--color-surface-container, var(--color-surface));transition:all .3s ease;display:flex;align-items:center}.input-container[data-v-4ff28a91]:hover{border-color:var(--color-outline-variant, var(--color-primary-light))}.title-large[data-v-4ff28a91]{color:var(--color-primary)}.form-input[data-v-4ff28a91]{width:100%;padding:.875rem 1rem;border:none;background-color:transparent;color:var(--color-on-surface);font-size:1rem;outline:none;flex-grow:1}.form-input[data-v-4ff28a91]::placeholder{color:var(--color-on-surface-variant);opacity:.7}.input-focused[data-v-4ff28a91]{border-color:var(--color-primary);box-shadow:0 0 0 2px #673ab740,0 0 8px #673ab726}.input-error[data-v-4ff28a91]{border-color:var(--color-error)!important;box-shadow:0 0 0 2px #d32f2f40!important}.input-highlight[data-v-4ff28a91]{position:absolute;bottom:0;left:50%;width:0%;height:2px;background-color:var(--color-primary);transition:width .35s ease-out,left .35s ease-out}.input-focused .input-highlight[data-v-4ff28a91]{width:100%;left:0}.input-error .input-highlight[data-v-4ff28a91]{background-color:var(--color-error)}.toggle-password[data-v-4ff28a91]{background:none;border:none;color:var(--color-on-surface-variant);cursor:pointer;padding:.75rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.toggle-password[data-v-4ff28a91]:hover{color:var(--color-primary)}.eye-icon[data-v-4ff28a91]{width:20px;height:20px}.password-strength[data-v-4ff28a91]{display:flex;gap:.25rem;margin-top:.5rem;height:6px}.strength-bar[data-v-4ff28a91]{flex:1;background-color:var(--color-surface-container-high, #e0e0e0);border-radius:3px;transition:background-color .3s ease}.password-strength.strength-0 .strength-bar[data-v-4ff28a91]:nth-child(1){background-color:var(--color-error, #d32f2f)}.password-strength.strength-1 .strength-bar[data-v-4ff28a91]:nth-child(1){background-color:var(--color-error, #d32f2f)}.password-strength.strength-2 .strength-bar[data-v-4ff28a91]:nth-child(-n+2){background-color:var(--color-warning, #ffa000)}.password-strength.strength-3 .strength-bar[data-v-4ff28a91]:nth-child(-n+3){background-color:var(--color-info, #1976d2)}.password-strength.strength-4 .strength-bar[data-v-4ff28a91]{background-color:var(--color-success, #388e3c)}.password-hint[data-v-4ff28a91]{margin-top:.375rem;font-size:.75rem;color:var(--color-on-surface-variant);min-height:1.2em}.error-message[data-v-4ff28a91]{margin-top:.375rem;font-size:.75rem;color:var(--color-error);min-height:1.2em}.terms-container[data-v-4ff28a91]{display:flex;align-items:flex-start}.checkbox-container[data-v-4ff28a91]{display:inline-flex;align-items:center;cursor:pointer;position:relative;padding-left:28px;-webkit-user-select:none;user-select:none;font-size:.875rem;color:var(--color-on-surface-variant)}.checkbox-container input[data-v-4ff28a91]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-4ff28a91]{position:absolute;top:50%;left:0;transform:translateY(-50%);height:18px;width:18px;background-color:var(--color-surface-container-high, #eee);border:1px solid var(--color-outline-variant);border-radius:var(--radius-s, 4px);transition:all .2s ease}.checkbox-container:hover input~.checkmark[data-v-4ff28a91]{background-color:var(--color-surface-container-highest, #ddd);border-color:var(--color-primary)}.checkbox-container input:checked~.checkmark[data-v-4ff28a91]{background-color:var(--color-primary);border-color:var(--color-primary)}.checkmark[data-v-4ff28a91]:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark[data-v-4ff28a91]:after{display:block}.checkbox-container .checkmark[data-v-4ff28a91]:after{left:5px;top:1px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label[data-v-4ff28a91]{line-height:1.4}.terms-link[data-v-4ff28a91]{color:var(--color-primary);text-decoration:none;font-weight:500}.terms-link[data-v-4ff28a91]:hover{text-decoration:underline;color:var(--color-primary-dark, var(--color-primary))}.signup-button[data-v-4ff28a91]{width:100%;padding:.875rem 1rem;background-color:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-l, 12px);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease-out;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;margin-top:.5rem}.signup-button[data-v-4ff28a91]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease-out}.signup-button[data-v-4ff28a91]:hover:not(:disabled):before{left:100%}.signup-button[data-v-4ff28a91]:hover:not(:disabled){background-color:var(--color-primary-dark, #5d3fd3);transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-4, 0 8px 20px rgba(0,0,0,.15))}.signup-button[data-v-4ff28a91]:active:not(:disabled){transform:translateY(-1px) scale(.98);box-shadow:var(--shadow-2, 0 4px 10px rgba(0,0,0,.1))}.signup-button[data-v-4ff28a91]:disabled{background-color:var(--color-surface-disabled, #bdbdbd);color:var(--color-on-surface-disabled, #757575);cursor:not-allowed;transform:none;box-shadow:none}.button-loading .loader[data-v-4ff28a91]{width:20px;height:20px;border:3px solid var(--color-on-primary-container, rgba(255,255,255,.3));border-top-color:var(--color-on-primary);border-radius:50%;animation:spin-4ff28a91 1s linear infinite}.login-prompt[data-v-4ff28a91]{margin-top:1.5rem;text-align:center;color:var(--color-on-surface-variant);font-size:.9rem}.login-link[data-v-4ff28a91]{color:var(--color-primary);font-weight:600;text-decoration:none;transition:color .3s ease,text-decoration .3s ease}.login-link[data-v-4ff28a91]:hover{color:var(--color-primary-dark, #5d3fd3);text-decoration:underline}@media (max-width: 768px){.form-grid[data-v-4ff28a91]{grid-template-columns:1fr;gap:1.25rem;margin-bottom:0}.form-grid>div[data-v-4ff28a91]{margin-bottom:1.25rem}.form-grid>div[data-v-4ff28a91]:last-child{margin-bottom:0}.signup-card[data-v-4ff28a91]{padding:2rem}}@media (max-width: 576px){.signup-card[data-v-4ff28a91]{padding:1.5rem;max-width:100%}.signup-header h1[data-v-4ff28a91]{font-size:1.75rem;color:var(--color-primary)}}@media (prefers-color-scheme: dark){.signup-container[data-v-4ff28a91]{background:linear-gradient(-45deg,var(--color-surface-container-lowest, #1a181d),var(--color-surface-container-low, #242128),var(--color-surface, #141218),var(--color-surface-container-low, #242128));background-size:400% 400%;animation:subtleGradientBG-4ff28a91 25s ease infinite}.input-container[data-v-4ff28a91]{background-color:var(--color-surface-container-high, #2a2a2e)}.checkmark[data-v-4ff28a91]{background-color:var(--color-surface-container-highest, #35353a);border-color:var(--color-outline-variant)}.checkbox-container:hover input~.checkmark[data-v-4ff28a91]{background-color:var(--color-surface-dim, #3f3f46)}.signup-button[data-v-4ff28a91]:disabled{background-color:var(--color-surface-variant, #49454F);color:var(--color-on-surface-variant, #CAC4D0);opacity:.38}}<style> .login-button[data-v-4ff28a91]::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease-out}.login-button[data-v-4ff28a91]:hover:before{left:100%}.login-button[data-v-4ff28a91]:hover{background-color:var(--color-primary-dark, #5d3fd3);transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-4, 0 8px 20px rgba(0,0,0,.15))}.login-button[data-v-4ff28a91]:active{transform:translateY(-1px) scale(.98);box-shadow:var(--shadow-2, 0 4px 10px rgba(0,0,0,.1))}.button-loading[data-v-4ff28a91]{opacity:.7;cursor:not-allowed}.loader[data-v-4ff28a91]{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-4ff28a91 1s linear infinite}@keyframes spin-4ff28a91{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-divider[data-v-4ff28a91]{display:flex;align-items:center;margin:1.5rem 0;color:var(--color-on-surface-variant);font-size:.875rem}.login-divider[data-v-4ff28a91]:before,.login-divider[data-v-4ff28a91]:after{content:"";flex:1;height:1px;background-color:var(--color-outline-variant)}.login-divider span[data-v-4ff28a91]{padding:0 1rem}.social-login[data-v-4ff28a91]{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.social-button[data-v-4ff28a91]{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--color-outline-variant);background-color:var(--color-surface-container-high, #f0f0f0);transition:all .2s ease-out;cursor:pointer;color:var(--color-on-surface-variant)}.social-button[data-v-4ff28a91]:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-3, 0 6px 15px rgba(0,0,0,.12));border-color:var(--color-primary);background-color:var(--color-surface-container-highest, #e8e8e8);color:var(--color-primary)}.social-button[data-v-4ff28a91]:active{transform:translateY(-2px) scale(.95);box-shadow:var(--shadow-1, 0 2px 5px rgba(0,0,0,.1))}.social-icon[data-v-4ff28a91]{width:24px;height:24px}.signup-prompt[data-v-4ff28a91]{margin-top:1.5rem;text-align:center;color:var(--color-on-surface-variant);font-size:.9rem}.signup-link[data-v-4ff28a91]{color:var(--color-primary);font-weight:600;text-decoration:none;transition:all .3s ease}.signup-link[data-v-4ff28a91]:hover{color:var(--color-primary-dark, #5d3fd3);text-decoration:underline}.floating-shapes-bg[data-v-4ff28a91]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.floating-shapes-bg span[data-v-4ff28a91]{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#673ab726;animation:float-4ff28a91 25s linear infinite;bottom:-180px;border-radius:50%}.floating-shapes-bg span[data-v-4ff28a91]:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.floating-shapes-bg span[data-v-4ff28a91]:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.floating-shapes-bg span[data-v-4ff28a91]:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.floating-shapes-bg span[data-v-4ff28a91]:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s;border-radius:10%;background:#673ab71a}.floating-shapes-bg span[data-v-4ff28a91]:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.floating-shapes-bg span[data-v-4ff28a91]:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s;border-radius:15%;background:#0096881a}.floating-shapes-bg span[data-v-4ff28a91]:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s;background:#ffc10714}.floating-shapes-bg span[data-v-4ff28a91]:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.floating-shapes-bg span[data-v-4ff28a91]:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s;border-radius:20%;background:#0096881f}.floating-shapes-bg span[data-v-4ff28a91]:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s;background:#673ab712}@keyframes float-4ff28a91{0%{transform:translateY(0) rotate(0);opacity:.7}50%{opacity:.1}to{transform:translateY(-120vh) rotate(720deg);opacity:0}}.forgot-password-prompt[data-v-4ff28a91]{margin-top:.75rem;text-align:center}.forgot-password-link-new[data-v-4ff28a91]{color:var(--color-on-surface-variant);font-size:.875rem;background:none;border:none;cursor:pointer;padding:.25rem;text-decoration:none;transition:color .3s ease,text-decoration .3s ease}.forgot-password-link-new[data-v-4ff28a91]:hover{color:var(--color-primary);text-decoration:underline}@media (max-width: 576px){.login-card[data-v-4ff28a91]{padding:1.5rem}}@keyframes subtleGradientBG-4ff28a91{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (prefers-color-scheme: dark){.login-container[data-v-4ff28a91]{background:linear-gradient(-45deg,var(--color-surface-container-lowest, #1a181d),var(--color-surface-container-low, #242128),var(--color-surface, #141218),var(--color-surface-container-low, #242128));background-size:400% 400%;animation:subtleGradientBG-4ff28a91 25s ease infinite}.social-button[data-v-4ff28a91]{background-color:var(--color-surface-container-high, #2a2a2e);color:var(--color-on-surface-variant)}.social-button[data-v-4ff28a91]:hover{background-color:var(--color-surface-container-highest, #35353a);color:var(--color-primary)}}