@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@500;700;800&display=swap";:root{color-scheme:light;--bg-main: #f8fafa;--bg-card: #ffffff;--bg-subtle: #f0f7f4;--primary: #10b981;--primary-light: #34d399;--primary-lighter: #a7f3d0;--primary-dark: #059669;--primary-glow: rgba(16, 185, 129, .25);--primary-dim: rgba(16, 185, 129, .1);--gradient-primary: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--gradient-card: linear-gradient(135deg, #ffffff 0%, #f0f7f4 100%);--text-main: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-light: #e5e7eb;--border-primary: rgba(16, 185, 129, .3);--radius-lg: 20px;--radius-md: 12px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 30px rgba(0, 0, 0, .06);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .1);--shadow-glow: 0 0 40px rgba(16, 185, 129, .15);--dropdown-bg: #ffffff;--dropdown-bg-hover: #f0f7f4;--dropdown-text: #1f2937;--dropdown-text-disabled: #9ca3af;--dropdown-border: #e5e7eb;--dropdown-border-active: #10b981}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}html{overflow-x:hidden;width:100%;scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg-main);color:var(--text-main);min-height:100vh;overflow-x:hidden;width:100%}body:before{content:"";position:fixed;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(16,185,129,.12) 0%,transparent 70%);border-radius:50%;z-index:-1;animation:floatBlob1 20s ease-in-out infinite}body:after{content:"";position:fixed;bottom:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(6,182,212,.1) 0%,transparent 70%);border-radius:50%;z-index:-1;animation:floatBlob2 25s ease-in-out infinite}@keyframes floatBlob1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,30px) scale(.95)}}@keyframes floatBlob2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-40px,40px) scale(1.05)}66%{transform:translate(30px,-30px) scale(.98)}}.page-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 20px;max-width:1200px;margin:0 auto;width:100%}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:700px;padding:40px;position:relative;display:flex;flex-direction:column;align-items:stretch;transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-6px)}.card:hover:before{opacity:1}.feature-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:32px 28px;text-align:center;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;height:100%}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .4s ease}.feature-card:hover{border-color:var(--primary-lighter);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-8px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary-dim) 0%,rgba(6,182,212,.1) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;transition:all .4s ease;border:1px solid var(--primary-lighter)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px var(--primary-glow)}h1,h2,h3{font-family:Outfit,sans-serif;color:var(--text-main)}h1{font-weight:800;letter-spacing:-.04em;line-height:1.1}h2{font-size:2rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.03em;text-align:center}h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}p{color:var(--text-secondary);line-height:1.7;font-size:1.05rem}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.input-group{position:relative;width:100%;margin-bottom:1.25rem}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:color .3s ease}.input-field{width:100%;padding:1rem 1rem 1rem 3rem;background:var(--bg-subtle);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-main);font-size:.95rem;transition:all .3s ease;font-family:inherit}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{outline:none;background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-dim)}.input-field:focus+.input-icon{color:var(--primary)}.btn-primary{background:var(--gradient-primary);color:#fff;padding:1rem 36px;border-radius:50px;border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 4px 20px var(--primary-glow);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #10b98166}.btn-primary:active{transform:scale(.98)}.btn-text{background:transparent;color:var(--text-secondary);border:none;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;font-size:.95rem}.btn-text:hover{color:var(--primary)}select{appearance:none;background-color:var(--dropdown-bg)!important;color:var(--dropdown-text)!important;border:2px solid var(--border-light);border-radius:var(--radius-md);font-family:inherit;font-size:1rem;cursor:pointer;transition:all .3s ease}select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-dim)}.custom-dropdown-trigger{background-color:var(--dropdown-bg)!important;color:var(--dropdown-text)!important;border:2px solid var(--border-light)!important;border-radius:12px!important}.custom-dropdown-trigger:focus{border-color:var(--primary)!important;box-shadow:0 0 0 4px var(--primary-dim)!important}.custom-dropdown-menu{background-color:var(--dropdown-bg)!important;color:var(--dropdown-text)!important;border:1px solid var(--border-light)!important;box-shadow:var(--shadow-lg);animation:dropdownFadeIn .25s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownFadeInUp{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.progress-container{display:flex;gap:8px;margin-bottom:30px;width:100%;justify-content:center}.dot{height:6px;width:40px;background:var(--border-light);border-radius:3px;transition:all .4s ease}.dot.active{background:var(--gradient-primary);box-shadow:0 0 15px var(--primary-glow);transform:scaleY(1.2)}.dot.completed{background:var(--primary-light)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(-15px) translate(-50%)}60%{transform:translateY(-8px) translate(-50%)}}.animate-enter{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{animation:fadeInUp .5s ease-out forwards}.nav-bar{position:fixed;top:0;left:0;right:0;height:70px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:100}.nav-brand{display:flex;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-weight:700;font-size:1.3rem;color:var(--text-main)}.nav-brand svg{color:var(--primary)}.nav-actions{display:flex;align-items:center;gap:24px}.nav-user{font-weight:500;color:var(--text-secondary);font-size:.95rem}.nav-user strong{color:var(--text-main)}.nav-logout{display:flex;align-items:center;gap:6px;color:#ef4444;font-weight:500;cursor:pointer;background:#ef44441a;border:none;font-size:.9rem;padding:8px 16px;border-radius:8px;transition:all .2s ease}.nav-logout:hover{background:#ef444426}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1000px;margin:0 auto}@media(max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.features-grid{grid-template-columns:1fr}}.flex-column{display:flex;flex-direction:column;width:100%}.text-center{text-align:center}.footer-nav{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-light)}.divider{display:flex;align-items:center;text-align:center;width:100%}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border-light)}.divider:before{margin-right:12px}.divider:after{margin-left:12px}.spinner{width:48px;height:48px;border:4px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.view-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--primary-dim);color:var(--primary-dark);border:1px solid var(--primary-lighter);border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.view-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 15px var(--primary-glow)}.step-card{display:flex;align-items:flex-start;gap:20px;padding:24px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all .3s ease}.step-card:hover{border-color:var(--primary-lighter);box-shadow:var(--shadow-md);transform:translate(8px)}.step-number{width:44px;height:44px;background:var(--gradient-primary);color:#fff;font-weight:700;font-size:1.1rem;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media screen and (max-width:480px){.page-container{padding:80px 16px 20px}.card{padding:24px 20px;border-radius:16px;max-width:100%}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.1rem}p{font-size:.95rem}.btn-primary{padding:.875rem 24px;font-size:.9rem}.footer-nav{flex-direction:column-reverse;gap:16px}.footer-nav .btn-primary{width:100%}.progress-container{gap:6px}.dot{width:28px;height:5px}.nav-bar{padding:0 16px;height:60px}.nav-brand{font-size:1.1rem}.feature-icon{width:56px;height:56px}}@media screen and (min-width:481px)and (max-width:768px){.page-container{padding:90px 24px 30px}.card{padding:32px;max-width:90%}.nav-bar{padding:0 24px}}@media screen and (min-width:769px){.page-container{padding:100px 32px 40px}}.select-wrapper{position:relative;width:100%;margin-bottom:1rem}.select-pill{width:100%;padding:1rem 3rem 1rem 1.5rem;background-color:var(--dropdown-bg)!important;color:var(--dropdown-text)!important}.select-arrow{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-secondary)}