:root{--primary-purple: #8000ff;--light-purple: #d400ff;--dark-purple: #7c00ce;--primary-purple-rgb: 153, 51, 255;--light-purple-rgb: 208, 0, 255;--dark-purple-rgb: 106, 0, 176}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;display:flex;justify-content:center;padding:1rem;transition:all .3s ease}.navbar-scrolled{padding:.5rem}.navbar-container{max-width:72rem;width:90%;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;background:#0a0a0a33;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease}.navbar-scrolled .navbar-container{background:#0a0a0a4d;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);padding:.5rem 1.5rem}.navbar-logo{flex:0 0 auto;display:flex;align-items:center}.navbar-logo-text{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--light-purple),var(--primary-purple),var(--dark-purple));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:.05em;animation:logo-gradient 3s ease infinite;transition:font-size .3s ease;position:relative}.navbar-logo-text:first-letter{background:linear-gradient(135deg,var(--dark-purple),var(--primary-purple),var(--light-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}@keyframes logo-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.navbar-scrolled .navbar-logo-text{font-size:1.3rem}.navbar-center{display:flex;align-items:center;justify-content:center;gap:2rem;flex:0 0 auto;width:80%;max-width:80%}.navbar-link{color:#ffffffb3;text-decoration:none;font-size:.95rem;transition:all .3s ease;position:relative}.navbar-link:hover{color:#fff}.navbar-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-purple);transition:width .3s ease}.navbar-link:hover:after{width:100%}.navbar-scrolled .navbar-link{font-size:.875rem}.navbar-right{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center}@media(max-width:768px){.navbar-container{width:95%}.navbar-center{display:none}}.main-container{min-height:100vh;background-color:#0a0a0a;overflow-x:hidden;padding-top:100px}.page-container{max-width:72rem;width:90%;margin:0 auto}.lines-animation-bg{position:absolute;inset:-100px 0;background-color:#0a0a0a}.lines-animation-svg{position:absolute;inset:0;width:100%;height:100%}.hero-section{position:relative;z-index:10;width:100%}.hero-content-wrapper{max-width:72rem;margin-left:auto;margin-right:auto;padding:2rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-content{width:100%;display:flex;flex-direction:column;gap:1.5rem}.hero-title{font-size:2.25rem;font-weight:700;letter-spacing:-.025em;color:#fff;line-height:2.5rem}.hero-subtitle{font-size:1.125rem;color:#ffffffb3;line-height:1.75rem}.hero-buttons{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.hero-buttons{flex-direction:row;justify-content:center}}@media(min-width:768px){.hero-content-wrapper{padding:2rem 0}.hero-title{font-size:3.75rem;line-height:1}.hero-subtitle{font-size:1.25rem;line-height:1.75rem}}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;font-weight:500;transition:all .15s;cursor:pointer;border:none;outline:none;font-family:inherit;height:2.5rem;padding-left:1.5rem;padding-right:1.5rem;font-size:.9375rem}.icon-small{width:1rem;height:1rem}.icon-medium{width:2rem;height:2rem}.icon-tiny{width:1rem;height:1rem}.icon-margin-left{margin-left:.5rem}.section-container{max-width:80rem;margin-left:auto;margin-right:auto;padding:0 1rem}@media(min-width:768px){.section-container{padding:0 2rem}}.section-header{text-align:center;margin-bottom:3rem}@media(min-width:768px){.section-header{margin-bottom:4rem}}.section-title-large{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:1rem;line-height:2.5rem}.section-description{color:#fff9;font-size:1.125rem;line-height:1.75rem}@media(min-width:768px){.section-title-large{font-size:3rem;line-height:1}}.features-section{position:relative;z-index:10;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;padding:3rem 0}@media(min-width:768px){.features-section{padding:5rem 0}}.features-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{position:relative;overflow:hidden;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(to bottom right,#ffffff0d,#fff0);padding:2rem;transition:all .3s}.feature-card:hover{border-color:rgba(var(--primary-purple-rgb),.5);box-shadow:0 10px 15px -3px rgba(var(--primary-purple-rgb),.1),0 4px 6px -2px rgba(var(--primary-purple-rgb),.05)}.feature-card-glow{position:absolute;top:0;right:0;width:5rem;height:5rem;background-color:rgba(var(--primary-purple-rgb),.1);border-radius:9999px;filter:blur(40px);transition:all .3s}.feature-card:hover .feature-card-glow{background-color:rgba(var(--primary-purple-rgb),.2)}.feature-card-content{position:relative;z-index:10}.feature-icon{width:2.5rem;height:2.5rem;color:var(--primary-purple);margin-bottom:1rem}.feature-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1.75rem}.feature-text{color:#fff9;margin-bottom:1rem;line-height:1.75rem}.feature-badge{display:flex;align-items:center;gap:.5rem;color:#f5f5f5;font-size:.875rem;line-height:1.25rem}.benefits-section{position:relative;z-index:10;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;padding:4rem 0;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(to bottom,rgba(255,255,255,.05),transparent)}@media(min-width:768px){.benefits-section{padding:6rem 0}}.benefits-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.benefits-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(min-width:1024px){.benefits-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media(min-width:1280px){.benefits-grid{grid-template-columns:repeat(5,1fr);gap:.5rem}}.benefit-card{position:relative;overflow:hidden;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(to bottom right,#ffffff0d,#fff0);padding:2rem;transition:all .3s ease}.benefit-card:hover{border-color:rgba(var(--primary-purple-rgb),.5);background:linear-gradient(to bottom right,#ffffff14,#ffffff05);box-shadow:0 10px 15px -3px rgba(var(--primary-purple-rgb),.1),0 4px 6px -2px rgba(var(--primary-purple-rgb),.05);transform:translateY(-2px)}.benefit-card-glow{position:absolute;top:0;right:0;width:5rem;height:5rem;background-color:rgba(var(--primary-purple-rgb),.1);border-radius:9999px;filter:blur(40px);transition:all .3s ease}.benefit-card:hover .benefit-card-glow{background-color:rgba(var(--primary-purple-rgb),.2)}.benefit-card-content{position:relative;z-index:10}.benefit-icon{width:2.5rem;height:2.5rem;color:var(--primary-purple);margin-bottom:1rem}.benefit-title{color:#fff;font-weight:700;font-size:1.125rem;margin-bottom:.75rem;line-height:1.5rem}@media(min-width:768px){.benefit-title{font-size:1.25rem;line-height:1.75rem}}.benefit-text{color:#fff9;font-size:.9375rem;line-height:1.625rem}@media(min-width:768px){.benefit-text{font-size:1rem;line-height:1.75rem}}.stats-section{position:relative;z-index:10;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;padding:4rem 0;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(to bottom,rgba(255,255,255,.05),transparent)}@media(min-width:768px){.stats-section{padding:6rem 0}}.stats-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{text-align:center}.stat-number{font-size:2.25rem;font-weight:700;color:var(--primary-purple);margin-bottom:.5rem;line-height:2.5rem}@media(min-width:768px){.stat-number{font-size:3rem;line-height:1}}.stat-label{color:#fff9;font-size:1rem}.how-it-works-section{position:relative;z-index:10;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;padding:4rem 0;border-top:1px solid rgba(255,255,255,.1)}@media(min-width:768px){.how-it-works-section{padding:6rem 0}}.steps-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.steps-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}@media(min-width:1024px){.steps-grid{gap:3rem}}.step-item{position:relative;overflow:hidden;padding:2rem;border-radius:1rem;background:linear-gradient(to bottom right,#ffffff0d,#fff0);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.step-item:before{content:"";position:absolute;top:0;right:0;width:5rem;height:5rem;background-color:rgba(var(--primary-purple-rgb),.1);border-radius:9999px;filter:blur(40px);transition:all .3s ease;opacity:0}.step-item:hover{background:linear-gradient(to bottom right,#ffffff14,#ffffff05);border-color:rgba(var(--primary-purple-rgb),.5);box-shadow:0 10px 15px -3px rgba(var(--primary-purple-rgb),.1),0 4px 6px -2px rgba(var(--primary-purple-rgb),.05);transform:translateY(-2px)}.step-item:hover:before{opacity:1;background-color:rgba(var(--primary-purple-rgb),.2)}.step-number{font-size:4.5rem;font-weight:700;color:#ffffff1a;margin-bottom:.5rem;line-height:1;position:relative;z-index:1}@media(min-width:768px){.step-number{font-size:5.5rem}}.step-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.75rem;margin-top:-2.75rem;position:relative;z-index:10;line-height:1.5rem}@media(min-width:768px){.step-title{font-size:1.5rem;margin-top:-3.5rem;line-height:1.75rem}}.step-text{color:#fff9;font-size:.9375rem;line-height:1.625rem}@media(min-width:768px){.step-text{font-size:1rem;line-height:1.75rem}}.step-arrow{display:none;position:absolute;right:-2.5rem;top:50%;transform:translateY(-50%);color:#ffffff4d;width:1.5rem;height:1.5rem}@media(min-width:1024px){.step-arrow{display:block}}.integrations-section{position:relative;z-index:10;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;padding:4rem 0;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(to bottom,rgba(255,255,255,.05),transparent)}@media(min-width:768px){.integrations-section{padding:6rem 0}}.integrations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:640px){.integrations-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}@media(min-width:768px){.integrations-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}@media(min-width:1024px){.integrations-grid{grid-template-columns:repeat(6,1fr);gap:1.25rem}}.integration-card{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;min-height:4rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(to bottom right,#ffffff0d,#fff0);transition:all .3s ease}.integration-card:before{content:"";position:absolute;top:0;right:0;width:4rem;height:4rem;background-color:rgba(var(--primary-purple-rgb),.08);border-radius:9999px;filter:blur(30px);transition:all .3s ease;opacity:0}@media(min-width:768px){.integration-card{padding:1.75rem 1.25rem;min-height:4.5rem}}.integration-card:hover{background:linear-gradient(to bottom right,#ffffff1a,#ffffff05);border-color:rgba(var(--primary-purple-rgb),.5);box-shadow:0 10px 15px -3px rgba(var(--primary-purple-rgb),.1),0 4px 6px -2px rgba(var(--primary-purple-rgb),.05);transform:translateY(-2px)}.integration-card:hover:before{opacity:1;background-color:rgba(var(--primary-purple-rgb),.15)}.integration-card .integration-name{position:relative;z-index:10}.integration-name{color:#ffffffb3;font-weight:500;font-size:.875rem;line-height:1.25rem;text-align:center}@media(min-width:768px){.integration-name{font-size:.9375rem}}.cta-section{position:relative;z-index:10;padding:3rem 0;border-top:1px solid rgba(255,255,255,.1)}@media(min-width:768px){.cta-section{padding:5rem 0}}.cta-container{max-width:48rem;margin-left:auto;margin-right:auto;text-align:center}.cta-title{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:1.5rem;line-height:2.5rem}.cta-text{color:#fff9;font-size:1.125rem;margin-bottom:2rem;line-height:1.75rem}.cta-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media(min-width:640px){.cta-buttons{flex-direction:row}}@media(min-width:768px){.cta-title{font-size:3rem;line-height:1}}.footer{position:relative;z-index:10;border-top:1px solid rgba(255,255,255,.1);background:#0a0a0a;padding:4rem 1rem}@media(min-width:768px){.footer{padding:6rem 1rem}}.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(5,1fr)}}.footer-brand{grid-column:span 2}@media(min-width:768px){.footer-brand{grid-column:span 1}}.footer-brand-title{color:#fff;font-weight:700;margin-bottom:1rem;font-size:1rem}.footer-brand-text{color:#fff9;font-size:.875rem;line-height:1.25rem}.footer-column{display:flex;flex-direction:column}.footer-column-title{color:#fff;font-weight:700;margin-bottom:1rem;font-size:.875rem;line-height:1.25rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}.footer-link{color:#fff9;font-size:.875rem;line-height:1.25rem;text-decoration:none;transition:color .15s}.footer-link:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem}@media(min-width:768px){.footer-bottom{flex-direction:row}}.footer-copyright{color:#fff9;font-size:.875rem;line-height:1.25rem}.footer-social{display:flex;gap:1.5rem}.footer-social-link{color:#fff9;font-size:.875rem;line-height:1.25rem;text-decoration:none;transition:color .15s}.footer-social-link:hover{color:#fff}.dashboard-skeleton{position:relative;max-width:1000px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 32px 64px #00000080;border:1px solid rgba(255,255,255,.1);background:#0a0a0a80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.skeleton-main-content{display:flex;background:linear-gradient(135deg,#0a0a0ad9 0% 100%);min-height:400px}.dashboard-skeleton-sidebar{width:200px;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.sidebar-skeleton-header{padding:20px;background:#0a0a0a59}.sidebar-skeleton-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(90deg,rgba(var(--primary-purple-rgb),.2) 25%,rgba(var(--primary-purple-rgb),.3),rgba(var(--primary-purple-rgb),.2) 75%);background-size:200% 100%;margin-bottom:20px;animation:skeleton-shimmer 1.5s infinite}.sidebar-skeleton-menu-item{height:40px;width:100%;border-radius:8px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;margin-bottom:8px;animation:skeleton-shimmer 1.5s infinite}.sidebar-skeleton-menu-item-short{width:70%}.sidebar-skeleton-content{padding:20px;flex:1;background:#0a0a0a40}.sidebar-skeleton-section{margin-bottom:24px}.sidebar-skeleton-title{height:16px;width:50%;border-radius:4px;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;margin-bottom:12px;animation:skeleton-shimmer 1.5s infinite}.sidebar-skeleton-item{height:32px;width:100%;border-radius:6px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;margin-bottom:8px;animation:skeleton-shimmer 1.5s infinite}.sidebar-skeleton-item-short{width:75%}.skeleton-header{display:flex;gap:8px;padding:12px 16px;background:#0a0a0ad9;border-bottom:1px solid rgba(255,255,255,.1)}.skeleton-dot{width:10px;height:10px;border-radius:50%;background:#ff5f57}.skeleton-dot-red{background:#ff5f57}.skeleton-dot-orange{background:#ffbd2e}.skeleton-dot-green{background:#28ca42}.skeleton-content{flex:1;padding:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.skeleton-buttons-container{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;gap:1rem;padding:20px 0}.skeleton-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:28px;transition:all .3s ease}.skeleton-card-small{padding:16px}.skeleton-icon-placeholder{width:48px;height:48px;background:linear-gradient(90deg,rgba(var(--primary-purple-rgb),.2) 25%,rgba(var(--primary-purple-rgb),.3),rgba(var(--primary-purple-rgb),.2) 75%);background-size:200% 100%;border-radius:10px;margin-bottom:20px;animation:skeleton-shimmer 1.5s infinite}.skeleton-icon-small{width:36px;height:36px;margin-bottom:12px}.skeleton-title-placeholder{height:24px;width:60%;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;border-radius:4px;margin-bottom:12px;animation:skeleton-shimmer 1.5s infinite}.skeleton-title-small{height:18px;width:55%;margin-bottom:10px}.skeleton-text-placeholder{height:14px;border-radius:4px;margin-bottom:8px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton-text-long{width:100%}.skeleton-text-medium{width:80%}.skeleton-text-short{width:60%}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:1024px){.skeleton-main-content{flex-direction:column}.dashboard-skeleton-sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}}@media(max-width:768px){.skeleton-content{grid-template-columns:1fr;padding:16px;min-height:auto}.skeleton-card-small{padding:12px}.skeleton-buttons-container{flex-direction:column}}.btn-navbar-glow{--shimmer-color: #ffffff;--shimmer-size: .05em;--shimmer-duration: 3s;--shimmer-spread: 90deg;--shimmer-bg: rgba(0, 0, 0, 1);position:relative;background:var(--shimmer-bg);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:100px;overflow:hidden;z-index:0;transform:translateZ(0);transition:transform .3s ease-in-out;isolation:isolate}.btn-navbar-glow:active{transform:translateY(1px)}.btn-navbar-glow:before{content:"";position:absolute;inset:-100%;width:auto;rotate:0deg;animation:shimmer-spin-around var(--shimmer-duration) linear infinite;background:conic-gradient(from calc(270deg - (var(--shimmer-spread) * .5)),transparent 0,var(--shimmer-color) var(--shimmer-spread),transparent var(--shimmer-spread));transform:translate(0);z-index:-30;overflow:visible;filter:blur(2px)}.btn-navbar-glow:after{content:"";position:absolute;inset:0;height:100%;aspect-ratio:1;border-radius:0;animation:shimmer-slide var(--shimmer-duration) linear infinite;z-index:-30;pointer-events:none}.btn-navbar-glow .shimmer-highlight{position:absolute;inset:0;width:100%;height:100%;border-radius:.5rem;box-shadow:inset 0 -8px 10px #ffffff1f;transition:all .3s ease-in-out;pointer-events:none;z-index:1}.btn-navbar-glow:hover .shimmer-highlight{box-shadow:inset 0 -6px 10px #ffffff40}.btn-navbar-glow:active .shimmer-highlight{box-shadow:inset 0 -10px 10px #ffffff40}.btn-navbar-glow .shimmer-backdrop{position:absolute;z-index:-20;background:var(--shimmer-bg);border-radius:calc(100px - var(--shimmer-size));inset:var(--shimmer-size);pointer-events:none}.btn-navbar-glow .shimmer-content{position:relative;z-index:10}@keyframes shimmer-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes shimmer-spin-around{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar-scrolled .btn-navbar-glow{font-size:.8rem;padding-left:1rem;padding-right:1rem;height:2rem}.btn-glow{position:relative;border-radius:100px;overflow:hidden;transition:transform .3s ease-in-out}.btn-glow:active{transform:translateY(1px)}.btn-glow .glow-highlight{position:absolute;inset:0;box-shadow:inset 0 -8px 10px #ffffff1f;transition:all .3s ease-in-out;pointer-events:none;z-index:1}.btn-glow:hover .glow-highlight{box-shadow:inset 0 -6px 10px #ffffff40}.btn-glow:active .glow-highlight{box-shadow:inset 0 -10px 10px #ffffff40}.btn-glow .glow-backdrop{position:absolute;z-index:-20;border-radius:calc(100px - .05em);inset:.05em;pointer-events:none}.btn-glow .glow-content{position:relative;z-index:10}.btn-glow-outline{background:#000;color:#fff;border:none;box-shadow:inset 0 0 0 .5px #ffffff4d}.btn-glow-outline:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:#ffffff14;z-index:-1;filter:blur(2px);opacity:.3}.btn-glow-outline .glow-backdrop{background:#000}.btn-glow-purple{background:var(--dark-purple);color:#fff;border:none;box-shadow:inset 0 0 0 .5px rgba(var(--primary-purple-rgb),.15)}.btn-glow-purple:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:rgba(var(--primary-purple-rgb),.05);z-index:-1;filter:blur(2px);opacity:.2}.btn-glow-purple .glow-backdrop{background:var(--dark-purple)}.btn-glow-light{background:#fff;color:#000;border:none;box-shadow:inset 0 0 0 .5px #0000004d}.btn-glow-light:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:#0000001f;z-index:-1;filter:blur(2px);opacity:.4}.btn-glow-light .glow-backdrop{background:#fff}.btn-glow-light .glow-highlight{box-shadow:inset 0 -8px 10px #0003}.btn-glow-light:hover .glow-highlight{box-shadow:inset 0 -6px 10px #00000059}.btn-glow-light:active .glow-highlight{box-shadow:inset 0 -10px 10px #00000059}.input{flex:1;height:2.5rem;width:100%;border-radius:.375rem;border:1px solid rgba(255,255,255,.1);background:#0a0a0f99;padding:.5rem .75rem;font-size:.875rem;color:#fff;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input::placeholder{color:#ffffff80}.input:focus{outline:none;border-color:rgba(var(--primary-purple-rgb),.5);box-shadow:0 0 0 2px rgba(var(--primary-purple-rgb),.1)}.input:disabled{cursor:not-allowed;opacity:.5}.input:file{border:0;background:transparent;font-size:.875rem;font-weight:500}select.input{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}select.input:focus{outline:none;border-color:rgba(var(--primary-purple-rgb),.5);box-shadow:0 0 0 2px rgba(var(--primary-purple-rgb),.1)}select.input:hover{border-color:#fff3}select.input option{background:#0a0a0ff2;color:#fff;padding:.5rem}input[type=date].input{color-scheme:dark}input[type=date].input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer;opacity:.7}input[type=date].input::-webkit-calendar-picker-indicator:hover{opacity:1}.alert{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:8px;font-size:.875rem;font-weight:400;line-height:1.5;animation:slideIn .3s ease-out;position:fixed;top:1rem;left:1rem;z-index:9999;max-width:400px;min-width:300px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d}.alert-hiding{animation:slideOut .3s ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.alert-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.alert-message{flex:1}.alert-close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;flex-shrink:0;color:inherit;opacity:.7}.alert-close:hover{opacity:1;background:#0000001a}.alert-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.alert-error .alert-icon{color:#f87171}.alert-success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#4ade80}.alert-success .alert-icon{color:#4ade80}:root{--primary-purple: #8000ff;--light-purple: #d400ff;--dark-purple: #7c00ce;--primary-purple-rgb: 128, 0, 255;--light-purple-rgb: 212, 0, 255;--dark-purple-rgb: 124, 0, 206}.auth-page{min-height:100vh;background:linear-gradient(135deg,#050505,#0a0a0f);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(20,20,25,.3) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(15,15,20,.2) 0%,transparent 50%);pointer-events:none;z-index:0}.auth-stars{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.auth-star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 3s ease-in-out infinite}.auth-star-small{width:1px;height:1px;box-shadow:0 0 2px #fffc}.auth-star-medium{width:2px;height:2px;box-shadow:0 0 3px #ffffffe6}.auth-star-large{width:3px;height:3px;box-shadow:0 0 4px #fff}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.auth-container{width:100%;max-width:420px;position:relative;z-index:10;display:flex;align-items:center;justify-content:center}.auth-form-container{width:100%;background:#0a0a0ff2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.auth-form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-purple),var(--light-purple),transparent);opacity:.6}.auth-header{margin-bottom:1.5rem;text-align:center}.auth-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.75rem;letter-spacing:-.02em;text-shadow:0 0 30px rgba(var(--primary-purple-rgb),.2);background:linear-gradient(135deg,#fff,#ffffffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:#ffffffb3;font-size:.9375rem;font-weight:500;line-height:1.6;letter-spacing:.01em}.auth-form{display:flex;flex-direction:column;gap:.75rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:0}.form-label{color:#ffffffe6;font-size:.8125rem;font-weight:500;letter-spacing:0;text-transform:none}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}.form-checkbox{display:flex;align-items:center;gap:.625rem;color:#ffffffb3;font-size:.8125rem;cursor:pointer}.form-checkbox input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;cursor:pointer;accent-color:var(--primary-purple);border-radius:4px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0a0a0f99;border:1.5px solid rgba(255,255,255,.15);position:relative;transition:all .2s ease;flex-shrink:0}.form-checkbox input[type=checkbox]:hover{border-color:#ffffff40;background:#0a0a0fb3}.form-checkbox input[type=checkbox]:checked{background:var(--primary-purple);border-color:var(--primary-purple)}.form-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) rotate(45deg);width:5px;height:10px;border:solid white;border-width:0 2px 2px 0}.form-link{color:rgba(var(--primary-purple-rgb),.8);text-decoration:none;font-size:.875rem;transition:color .3s ease;font-weight:500}.form-link:hover{color:var(--primary-purple)}.form-link-inline{color:rgba(var(--primary-purple-rgb),.8);text-decoration:none}.form-link-inline:hover{color:var(--primary-purple)}.auth-submit-btn{width:100%;margin-top:.5rem}.auth-submit-btn .btn{width:100%}.auth-footer{text-align:center;margin-top:1.5rem;color:#fff9;font-size:.8125rem}.auth-link{color:var(--primary-purple);text-decoration:none;font-weight:600;transition:color .3s ease}.auth-link:hover{color:var(--light-purple)}@media(max-width:768px){.auth-page{padding:1rem}.auth-form-container{padding:2rem 1.75rem;border-radius:12px}.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.8125rem}.auth-form{gap:1.125rem}}@media(max-width:480px){.auth-form-container{padding:1.75rem 1.5rem}.auth-title{font-size:1.375rem}.auth-form{gap:1rem}.form-options{flex-direction:column;align-items:flex-start;gap:.625rem}}.auth-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary-purple);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.signup-progress-container{margin-top:1rem}.signup-progress-bar{width:100%;height:6px;background:#ffffff0d;border-radius:10px;overflow:hidden;margin-bottom:0;position:relative;box-shadow:inset 0 2px 4px #0000004d}.signup-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-purple) 0%,var(--light-purple) 50%,#ff00ff 100%);background-size:200% 100%;border-radius:10px;transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 15px rgba(var(--primary-purple-rgb),.6),0 0 30px rgba(var(--light-purple-rgb),.4),inset 0 1px #fff3;animation:progressGlow 3s ease-in-out infinite,gradientShift 4s ease infinite;position:relative;will-change:width,box-shadow}.signup-progress-fill:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 2s ease-in-out infinite;border-radius:10px}.signup-progress-fill:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));border-radius:0 10px 10px 0;animation:edgeGlow 2s ease-in-out infinite}@keyframes progressGlow{0%,to{box-shadow:0 0 15px rgba(var(--primary-purple-rgb),.6),0 0 30px rgba(var(--light-purple-rgb),.4),inset 0 1px #fff3}50%{box-shadow:0 0 25px rgba(var(--primary-purple-rgb),.9),0 0 50px rgba(var(--light-purple-rgb),.6),inset 0 1px #ffffff4d}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{transform:translate(-200%);opacity:0}50%{opacity:1}to{transform:translate(200%);opacity:0}}@keyframes edgeGlow{0%,to{opacity:.5;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.2)}}.step-content{animation:fadeInSlide .3s ease-out;margin-top:0;display:flex;flex-direction:column;gap:1rem}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.signup-navigation-buttons{display:flex;gap:1rem;align-items:center}.signup-navigation-buttons:has(.signup-nav-btn:only-child){justify-content:flex-end}.signup-navigation-buttons:not(:has(.signup-nav-btn:only-child)){justify-content:space-between}.signup-nav-btn{flex:1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.confirm-section{display:flex;flex-direction:column;gap:1rem}.confirm-section-title{font-size:1rem;font-weight:600;color:#ffffffe6;margin-bottom:1rem}.clear-images-btn{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:.375rem;color:#ffffffb3;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.clear-images-btn:hover{background:#ffffff1a;border-color:#ffffff40;color:#ffffffe6}.clear-images-btn:active{transform:scale(.98)}@media(max-width:768px){.step-icon-wrapper{width:56px;height:56px}.step-icon{width:28px;height:28px}.step-title{font-size:1.25rem}.signup-navigation-buttons{flex-direction:column}.signup-nav-btn{width:100%}}.signup-security-notice{font-size:10px;color:#ffffff80;text-align:center;line-height:1.4;max-width:100%}.file-upload-wrapper{display:flex;flex-direction:column;gap:.5rem}.file-upload-label{color:#ffffffe6;font-size:.8125rem;font-weight:500;letter-spacing:0}.file-upload-dropzone{position:relative;width:100%;min-height:160px;border:2px dashed rgba(255,255,255,.15);border-radius:.5rem;background:#0a0a0f99;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;overflow:hidden}.file-upload-dropzone:hover{border-color:#ffffff4d;background:#0a0a0fcc}.file-upload-dropzone:focus-within{border-color:rgba(var(--primary-purple-rgb),.5);box-shadow:0 0 0 2px rgba(var(--primary-purple-rgb),.1)}.file-upload-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.file-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem}.file-upload-icon{color:#fff6;transition:color .2s ease}.file-upload-icon.file-upload-success{color:#22c55ee6}.file-upload-icon.file-upload-waiting{color:#fbbf24e6;animation:pulse 2s ease-in-out infinite}.file-upload-icon.file-upload-error{color:#ef4444e6}.file-upload-dropzone.error{border-color:#ef444480;background:#ef44440d}.file-upload-dropzone:hover .file-upload-icon.file-upload-waiting{color:#fbbf24}.file-upload-dropzone:hover .file-upload-icon.file-upload-error{color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.file-upload-text{display:flex;flex-direction:column;align-items:center;gap:.25rem}.file-upload-main-text{font-size:.875rem;font-weight:500;color:#ffffffe6}.file-upload-sub-text{font-size:.75rem;color:#ffffff80}.file-upload-preview{position:relative;width:100%;height:160px}.file-preview-image{width:100%;height:100%;object-fit:cover;display:block}.file-remove-btn{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ef4444e6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;transition:all .2s ease;z-index:10}.file-remove-btn:hover{background:#ef4444;transform:scale(1.05)}.file-remove-btn:active{transform:scale(.95)}.file-upload-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#fff9;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
