.header{background-color:#fff;border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:100;animation:fadeIn .6s ease-out}.header-dashboard{position:fixed;top:0;left:0;right:0;width:100%}.header-container{max-width:1200px;margin:0 auto;padding:0 24px;height:80px;display:flex;align-items:center;justify-content:space-between}.header-container-dashboard{max-width:100%;padding:0 24px}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#000;animation:fadeInUp .8s ease-out .1s both}.nav{display:flex;gap:32px;align-items:center;animation:fadeInUp .8s ease-out .2s both}.nav-link{font-family:Inter,sans-serif;color:#333;text-decoration:none;font-size:15px;font-weight:400;transition:color .2s ease;letter-spacing:.01em}.nav-link:hover{color:#086a6f}.download-link{font-family:Inter,sans-serif;color:#333;text-decoration:none;font-size:15px;font-weight:400;display:flex;align-items:center;gap:8px;transition:color .2s ease;letter-spacing:.01em;animation:fadeInUp .8s ease-out .3s both}.download-link:hover{color:#086a6f}.header-actions{display:flex;align-items:center;gap:16px}.user-name{font-family:Inter,sans-serif;font-size:15px;font-weight:400;color:#333;letter-spacing:.01em}.logout-button{font-family:Inter,sans-serif;font-size:15px;font-weight:400;color:#086a6f;background:none;border:none;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all .2s ease;letter-spacing:.01em}.logout-button:hover{color:#065559;background-color:#086a6f0d}.arrow{font-size:18px}@media (max-width: 768px){.nav{display:none}.header-container{padding:0 16px;height:64px}.header-container-dashboard{padding:0 16px}}.hero{flex:1;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;min-height:calc(100vh - 80px);padding:40px 24px}.hero-container{max-width:800px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.hero-greeting{display:flex;align-items:center;gap:8px;font-family:Oswald,sans-serif;font-size:11px;font-weight:400;color:#666;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}.greeting-arrow{font-size:16px}.hero-headline{font-family:Oswald,sans-serif;font-size:64px;font-weight:600;color:#086a6f;line-height:1.2;margin:0;letter-spacing:-.02em;animation:fadeInUp 1s ease-out .3s both}.hero-subheadline-container{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:600px;animation:fadeInUp 1s ease-out .5s both}.hero-subheadline-line1{font-family:Inter,sans-serif;font-size:22px;font-weight:400;color:#333;line-height:1.6;margin:0}.hero-subheadline-line2{font-family:Inter,sans-serif;font-size:26px;font-weight:700;color:#333;line-height:1.6;margin:0}.cta-button{font-family:Inter,sans-serif;background-color:#086a6f;color:#fff;border:none;padding:14px 28px;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;margin-top:8px;box-shadow:0 2px 4px #0000001a;letter-spacing:.01em;animation:fadeInScale 1s ease-out .7s both}.cta-button:hover{background-color:#065559;transform:translateY(-2px);box-shadow:0 4px 12px #086a6f4d}.cta-button:active{transform:translateY(0)}.button-arrow{font-size:20px}.laptop-image{width:100%;max-width:800px;height:auto;margin-top:40px;display:block;animation:fadeInUp 1.2s ease-out .9s both}@media (max-width: 768px){.hero{min-height:calc(100vh - 64px);padding:32px 16px}.hero-headline{font-size:48px}.hero-subheadline-line1{font-size:20px}.hero-subheadline-line2{font-size:24px}.cta-button{font-size:16px;padding:14px 28px}.hero-container{gap:20px}.laptop-image{margin-top:32px;max-width:100%}}@media (max-width: 480px){.hero-headline{font-size:36px}.hero-subheadline-line1{font-size:18px}.hero-subheadline-line2{font-size:20px}.laptop-image{margin-top:24px}}.features{padding:100px 24px;background-color:#fff}.features-container{max-width:1200px;margin:0 auto}.features-title{font-family:Oswald,sans-serif;font-size:48px;font-weight:600;color:#086a6f;text-align:center;margin-bottom:64px;line-height:1.2;letter-spacing:-.02em;animation:fadeInUp 1s ease-out .2s both}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;margin-top:48px;max-width:900px;margin-left:auto;margin-right:auto}.feature-card:nth-child(3){grid-column:1 / -1;justify-self:center;max-width:400px}.feature-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 32px;border-radius:16px;background-color:#fff;border:1px solid rgba(8,106,111,.1);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#086a6f,#20b2aa);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.fade-in-hidden{opacity:0;transform:translateY(30px)}.fade-in-visible{opacity:1;transform:translateY(0);transition:opacity .8s ease-out,transform .8s ease-out}.feature-card.fade-in-visible:nth-child(1){transition-delay:.1s}.feature-card.fade-in-visible:nth-child(2){transition-delay:.2s}.feature-card.fade-in-visible:nth-child(3){transition-delay:.3s}.feature-card:hover{transform:translateY(-12px);box-shadow:0 20px 40px #086a6f1f;border-color:#086a6f33}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;background-color:#086a6f14;border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.feature-card:hover .feature-icon{background-color:#086a6f26;transform:scale(1.1)}.feature-heading{font-family:Oswald,sans-serif;font-size:28px;font-weight:600;color:#086a6f;margin-bottom:16px;line-height:1.3;transition:color .3s ease;position:relative;z-index:1}.feature-card:hover .feature-heading{color:#065559}.feature-description{font-family:Inter,sans-serif;font-size:18px;font-weight:400;color:#555;line-height:1.7;max-width:320px;margin:0;position:relative;z-index:1;transition:color .3s ease}.feature-card:hover .feature-description{color:#333}@media (max-width: 768px){.features{padding:64px 16px}.features-title{font-size:36px;margin-bottom:48px}.features-grid{grid-template-columns:1fr;gap:32px}.feature-card{padding:40px 24px}.feature-card:hover{transform:translateY(-8px)}.feature-heading{font-size:24px}.feature-description{font-size:16px}}@media (max-width: 480px){.features-title{font-size:28px}.feature-heading{font-size:22px}.feature-description{font-size:15px}}.login-page{min-height:100vh;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .6s ease-out}.login-container{width:100%;max-width:440px;background-color:#fff;border-radius:16px;padding:48px 40px;box-shadow:0 4px 24px #00000014;animation:fadeInUp .8s ease-out .2s both}.login-header{text-align:center;margin-bottom:40px}.login-logo{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:32px}.login-title{font-family:Oswald,sans-serif;font-size:32px;font-weight:600;color:#000;margin-bottom:8px;line-height:1.2;letter-spacing:-.02em}.login-subtitle{font-family:Inter,sans-serif;font-size:16px;font-weight:400;color:#666;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:24px}.success-message{background-color:#28a7451a;color:#28a745;padding:12px 16px;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;text-align:center;border:1px solid rgba(40,167,69,.2)}.otp-actions .login-button{order:1;width:100%;margin-top:0}.otp-actions .resend-button{order:2;align-self:center}.resend-button{font-family:Inter,sans-serif;font-size:14px;font-weight:400;color:#086a6f;background:none;border:none;cursor:pointer;text-align:center;padding:8px 0;transition:color .2s ease}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:-8px}.checkbox-label{display:flex;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:400;color:#333;cursor:pointer}.checkbox-input{width:16px;height:16px;cursor:pointer;accent-color:#086A6F}.forgot-link{font-family:Inter,sans-serif;font-size:14px;font-weight:400;color:#086a6f;text-decoration:none;transition:color .2s ease}.forgot-link:hover{color:#065559;text-decoration:underline}.login-button{font-family:Inter,sans-serif;font-size:18px;font-weight:500;color:#fff;background-color:#086a6f;border:none;border-radius:8px;padding:16px 32px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;margin-top:0;box-shadow:0 2px 8px #086a6f33;width:100%}.login-button:hover{background-color:#065559;transform:translateY(-2px);box-shadow:0 4px 12px #086a6f4d}.login-button:active{transform:translateY(0)}.login-button:hover .button-arrow{transform:translate(4px)}.login-footer{margin-top:32px;text-align:center;padding-top:24px;border-top:1px solid rgba(0,0,0,.08)}.signup-text{font-family:Inter,sans-serif;font-size:14px;font-weight:400;color:#666;line-height:1.5}.signup-link{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#086a6f;text-decoration:none;transition:color .2s ease}.signup-link:hover{color:#065559;text-decoration:underline}@media (max-width: 768px){.login-container{padding:40px 32px;max-width:100%}.login-title{font-size:28px}.login-subtitle{font-size:15px}}@media (max-width: 480px){.login-page{padding:16px}.login-container{padding:32px 24px}.login-title{font-size:24px}.form-options{flex-direction:column;align-items:flex-start;gap:12px}.forgot-link{align-self:flex-end}}.signup-page{min-height:100vh;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .6s ease-out}.signup-container{width:100%;max-width:440px;background-color:#fff;border-radius:16px;padding:48px 40px;box-shadow:0 4px 24px #00000014;animation:fadeInUp .8s ease-out .2s both}.signup-header{text-align:center;margin-bottom:40px}.signup-logo{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:32px}.logo-icon{width:32px;height:32px;background-color:#086a6f;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.crescent{width:18px;height:18px;background-color:#fff;border-radius:50%;position:absolute;left:8px;top:50%;transform:translateY(-50%)}.logo-text{font-family:Oswald,sans-serif;font-size:22px;font-weight:600;color:#000;letter-spacing:-.01em}.signup-title{font-family:Oswald,sans-serif;font-size:32px;font-weight:600;color:#000;margin-bottom:8px;line-height:1.2;letter-spacing:-.02em}.signup-subtitle{font-family:Inter,sans-serif;font-size:16px;font-weight:400;color:#666;line-height:1.5}.signup-form{display:flex;flex-direction:column;gap:24px}.error-message{background-color:#dc35451a;color:#dc3545;padding:12px 16px;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;text-align:center;border:1px solid rgba(220,53,69,.2)}.success-message{background-color:#28a7451a;color:#28a745;padding:14px 16px;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;text-align:center;border:1px solid rgba(40,167,69,.2);margin-bottom:8px;line-height:1.5}.form-group{display:flex;flex-direction:column;gap:8px;align-items:center}.form-label{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#333;letter-spacing:.01em;text-align:center}.form-input{font-family:Inter,sans-serif;font-size:16px;font-weight:400;color:#000;padding:14px 16px;border:1px solid rgba(0,0,0,.15);border-radius:8px;background-color:#fff;transition:all .3s ease;outline:none;text-align:center;width:100%}.form-input::placeholder{color:#999}.form-input:focus{border-color:#086a6f;box-shadow:0 0 0 3px #086a6f1a}.form-input:hover{border-color:#00000040}.otp-input{text-align:center;font-size:28px;letter-spacing:12px;font-weight:600;padding:18px 16px;font-family:Courier New,monospace}.otp-info{font-family:Inter,sans-serif;font-size:14px;color:#666;margin-bottom:16px;text-align:center;line-height:1.5}.otp-actions{display:flex;flex-direction:column;gap:12px;margin-top:4px}.otp-actions .signup-button{order:1}.otp-actions .resend-button{order:2}.resend-button{font-family:Inter,sans-serif;font-size:14px;font-weight:400;color:#086a6f;background:none;border:none;cursor:pointer;text-align:center;padding:8px 0;transition:color .2s ease;align-self:center}.resend-button:hover{color:#065559;text-decoration:underline}.signup-button{font-family:Inter,sans-serif;font-size:18px;font-weight:500;color:#fff;background-color:#086a6f;border:none;border-radius:8px;padding:16px 32px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;margin-top:0;box-shadow:0 2px 8px #086a6f33;width:100%}.signup-button:hover:not(:disabled){background-color:#065559;transform:translateY(-2px);box-shadow:0 4px 12px #086a6f4d}.signup-button:active:not(:disabled){transform:translateY(0)}.signup-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-arrow{font-size:20px;transition:transform .3s ease}.signup-button:hover:not(:disabled) .button-arrow{transform:translate(4px)}.signup-footer{margin-top:32px;text-align:center;padding-top:24px;border-top:1px solid rgba(0,0,0,.08)}.login-text{font-family:Inter,sans-serif;font-size:14px;font-weight:400;color:#666;line-height:1.5}.login-link{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#086a6f;text-decoration:none;transition:color .2s ease}.login-link:hover{color:#065559;text-decoration:underline}@media (max-width: 768px){.signup-container{padding:40px 32px;max-width:100%}.signup-title{font-size:28px}.signup-subtitle{font-size:15px}}@media (max-width: 480px){.signup-page{padding:16px}.signup-container{padding:32px 24px}.signup-title{font-size:24px}.otp-actions{flex-direction:column;align-items:stretch}}.dashboard-page{min-height:100vh;background-color:#f5f5f5;padding:120px 24px 40px;animation:fadeIn .6s ease-out}.dashboard-container{max-width:1200px;margin:0 auto}.dashboard-header{text-align:center;margin-bottom:48px}.greeting-emoji{font-size:64px;margin-bottom:16px;animation:fadeInUp .8s ease-out}.greeting-text{font-family:Oswald,sans-serif;font-size:40px;font-weight:600;color:#000;margin:0;line-height:1.2;letter-spacing:-.02em;animation:fadeInUp .8s ease-out .2s both}.tests-section{animation:fadeInUp .8s ease-out .4s both}.tests-title{font-family:Oswald,sans-serif;font-size:32px;font-weight:600;color:#000;margin-bottom:32px;text-align:center;letter-spacing:-.02em}.tests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:40px}.test-card{background-color:#fff;border-radius:16px;padding:32px 24px;box-shadow:0 4px 24px #00000014;transition:all .3s ease;border:2px solid transparent}.test-card.unlocked{border-color:#086a6f}.test-card.locked{opacity:.7;cursor:not-allowed}.test-card.unlocked:hover{transform:translateY(-4px);box-shadow:0 8px 32px #086a6f33}.test-card-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.test-icon{font-size:48px;margin-bottom:8px}.test-name{font-family:Inter,sans-serif;font-size:18px;font-weight:600;color:#000;margin:0;line-height:1.4}.test-button{font-family:Inter,sans-serif;font-size:16px;font-weight:500;color:#fff;background-color:#086a6f;border:none;border-radius:8px;padding:12px 24px;cursor:pointer;transition:all .3s ease;width:100%;margin-top:8px;box-shadow:0 2px 8px #086a6f33}.test-button:hover{background-color:#065559;transform:translateY(-2px);box-shadow:0 4px 12px #086a6f4d}.test-button:active{transform:translateY(0)}.test-locked-message{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#999;padding:12px 24px;margin-top:8px;text-transform:uppercase;letter-spacing:.05em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.dashboard-page{padding:104px 16px 24px}.greeting-emoji{font-size:48px}.greeting-text{font-size:32px}.tests-title{font-size:28px}.tests-grid{grid-template-columns:1fr;gap:20px}.test-card{padding:24px 20px}}@media (max-width: 480px){.greeting-text,.tests-title{font-size:24px}}.app{min-height:100vh;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;background-color:#f5f5f5;font-size:16px;line-height:1.5}#root{min-height:100vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}