@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Outfit:wght@400;700&display=swap";:root{--bg-dark: #0f172a;--text-main: #f8fafc;--text-muted: #94a3b8;--primary-color: #3b82f6;--secondary-color: #8b5cf6;--accent-color: #ec4899;--glass-bg: rgba(30, 41, 59, .4);--glass-border: rgba(255, 255, 255, .1);--success-color: #10b981}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000004d}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #0006;transition:transform .3s ease,box-shadow .3s ease;width:100%;max-width:450px;margin:0 auto}.navbar{position:fixed;top:0;left:0;right:0;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;z-index:100;border-radius:0 0 16px 16px;border-top:none}.logo a{font-family:Outfit,sans-serif;font-weight:700;font-size:1.5rem;color:var(--text-main);text-decoration:none;background:linear-gradient(135deg,var(--primary-color),var(--text-main));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-toggle{display:none;border:1px solid var(--glass-border);background:#ffffff0f;border-radius:10px;width:42px;height:42px;padding:8px;cursor:pointer}.nav-toggle-bar{display:block;width:100%;height:2px;background:var(--text-main);margin:5px 0;border-radius:2px}.nav-item{color:var(--text-muted);text-decoration:none;font-weight:600;transition:color .3s ease}.nav-item:hover,.router-link-active.nav-item{color:var(--text-main)}.nav-btn{padding:.5rem 1.2rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease}.login-btn{color:var(--text-main);border:1px solid var(--glass-border);background:#ffffff0d}.login-btn:hover{background:#ffffff1a}.register-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 4px 15px #3b82f666}.register-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.main-content{flex:1;padding-top:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 88px)}.background-blobs{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;pointer-events:none}.blob{position:absolute;filter:blur(90px);opacity:.5;animation:float 20s infinite alternate ease-in-out}.blob-1{width:500px;height:500px;background:var(--primary-color);top:-100px;left:-100px;border-radius:40% 60% 70% 30%/40% 50% 60%}.blob-2{width:600px;height:600px;background:var(--secondary-color);bottom:-200px;right:-100px;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation-delay:-10s}@keyframes float{0%{transform:translateY(0) scale(1) rotate(0)}50%{transform:translateY(50px) scale(1.1) rotate(180deg)}to{transform:translateY(-50px) scale(.9) rotate(360deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease,transform .3s ease}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(10px)}.form-title{text-align:center;font-family:Outfit,sans-serif;margin-bottom:2rem;font-size:1.8rem}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-muted);font-size:.9rem;font-weight:600}.form-input{width:100%;padding:.8rem 1rem;background:#0f172a99;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-main);font-family:inherit;font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f633}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.form-footer{margin-top:1.5rem;text-align:center;font-size:.9rem;color:var(--text-muted)}.form-footer a{color:var(--primary-color);text-decoration:none;font-weight:600}.form-footer a:hover{text-decoration:underline}@media (max-width: 900px){.navbar{height:68px;min-height:68px;padding:.65rem .9rem;position:fixed;align-items:center;border-radius:0 0 14px 14px}.nav-toggle{display:block}.nav-links{position:absolute;top:calc(100% + .55rem);left:.65rem;right:.65rem;display:none;flex-direction:column;align-items:stretch;gap:.55rem;padding:.8rem;background:#141f32eb;border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 14px 28px #00000059}.nav-links.is-open{display:flex}.nav-item,.nav-btn{width:100%;text-align:center}.main-content{padding-top:84px;min-height:calc(100vh - 84px)}}@media (max-width: 640px){.logo a{font-size:1.25rem}.nav-item,.nav-btn{font-size:.92rem}.nav-btn{padding:.45rem .8rem}.glass-card{padding:1.2rem}.main-content{padding-top:80px;min-height:calc(100vh - 80px)}}.home[data-v-175da3bb]{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:2rem;gap:4rem}.hero-section[data-v-175da3bb]{text-align:center;max-width:850px;padding:4rem 3rem}.hero-title[data-v-175da3bb]{font-family:Outfit,sans-serif;font-size:clamp(2rem,6vw,3.8rem);font-weight:800;line-height:1.3;margin-bottom:1.5rem}.gradient-text[data-v-175da3bb]{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle[data-v-175da3bb]{font-size:1.25rem;color:var(--text-muted);line-height:1.9;margin-bottom:3rem;padding:0 1rem}.hero-actions[data-v-175da3bb]{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn[data-v-175da3bb]{padding:1.2rem 2.5rem;border-radius:50px;font-weight:700;font-size:1.1rem;text-decoration:none;transition:all .4s ease;min-width:200px}.btn-primary[data-v-175da3bb]{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 10px 25px #3b82f666}.btn-primary[data-v-175da3bb]:hover{transform:translateY(-4px);box-shadow:0 15px 35px #3b82f699}.btn-secondary[data-v-175da3bb]{background:#ffffff0d;color:var(--text-main);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary[data-v-175da3bb]:hover{background:#ffffff26;transform:translateY(-4px)}.features-section[data-v-175da3bb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem;width:100%}.feature-card[data-v-175da3bb]{padding:3rem 2rem;border-radius:24px;text-align:center;transition:transform .4s ease,box-shadow .4s ease}.feature-card[data-v-175da3bb]:hover{transform:translateY(-15px);box-shadow:0 20px 40px #0006}.feature-icon[data-v-175da3bb]{font-size:4rem;margin-bottom:1.5rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.feature-card h3[data-v-175da3bb]{font-family:Outfit,sans-serif;font-size:1.6rem;margin-bottom:1.2rem;color:var(--text-main)}.feature-card p[data-v-175da3bb]{color:var(--text-muted);line-height:1.7;font-size:1.05rem}@media (max-width: 900px){.home[data-v-175da3bb]{padding:1.25rem;gap:2rem}.hero-section[data-v-175da3bb]{padding:2rem 1.25rem}.hero-subtitle[data-v-175da3bb]{font-size:1rem;line-height:1.7;margin-bottom:2rem;padding:0}.feature-card[data-v-175da3bb]{padding:2rem 1.2rem}}@media (max-width: 640px){.home[data-v-175da3bb]{padding:1rem}.hero-actions[data-v-175da3bb]{gap:.8rem}.btn[data-v-175da3bb]{width:100%;min-width:0;padding:.95rem 1rem;font-size:1rem}.features-section[data-v-175da3bb]{grid-template-columns:1fr;gap:1rem}.feature-icon[data-v-175da3bb]{font-size:3rem}.feature-card h3[data-v-175da3bb]{font-size:1.3rem}.feature-card p[data-v-175da3bb]{font-size:.95rem}}