*{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;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}#root{min-height:100vh}.landing-container{min-height:100vh;background:#fff;position:relative;overflow-x:hidden}.landing-container:before{content:"";position:fixed;top:-50%;right:-10%;width:800px;height:800px;background:radial-gradient(circle,rgba(102,126,234,.08) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite;pointer-events:none;z-index:0}.landing-container:after{content:"";position:fixed;bottom:-30%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(118,75,162,.06) 0%,transparent 70%);border-radius:50%;animation:float 25s ease-in-out infinite reverse;pointer-events:none;z-index:0}@keyframes float{0%,to{transform:translateY(0) translate(0) scale(1)}33%{transform:translateY(-30px) translate(30px) scale(1.1)}66%{transform:translateY(20px) translate(-20px) scale(.9)}}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;border-bottom:1px solid #e0e0e0;animation:slideDown .6s ease;box-shadow:0 2px 8px #0000000d}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.nav-content{max-width:1400px;margin:0 auto;padding:20px 40px;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;color:#1a1a1a;cursor:pointer}.logo-icon{font-size:24px}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{color:#333;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.nav-links a:hover{color:#667eea}.nav-login-btn{padding:10px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.nav-login-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.hero-landing{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;padding:100px 40px 80px;background:linear-gradient(180deg,#fafbff,#fff)}.hero-content-landing{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-left{animation:fadeInLeft 1s ease}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.hero-title-landing{font-size:48px;font-weight:800;line-height:1.3;color:#1a1a1a;margin-bottom:20px}.gradient-text-landing{color:#1a1a1a}.hero-subtitle-landing{font-size:17px;line-height:1.6;color:#666;margin-bottom:32px}.hero-buttons{display:flex;gap:20px;margin-bottom:60px}.btn-primary-landing{padding:14px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 16px #667eea4d;position:relative;overflow:hidden}.btn-primary-landing:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary-landing:hover:before{left:100%}.btn-primary-landing:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 28px #667eea66}.btn-secondary-landing{padding:14px 32px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.btn-secondary-landing:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease;z-index:-1}.btn-secondary-landing:hover:before{opacity:1}.btn-secondary-landing:hover{color:#fff;border-color:#764ba2;transform:translateY(-4px) scale(1.05);box-shadow:0 6px 20px #667eea4d}.hero-stats{display:flex;gap:32px}.stat-item-landing{text-align:left;padding:16px 24px;background:#fff;border-radius:16px;border:2px solid #f0f0f0;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.stat-item-landing:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 24px #667eea26}.stat-number-landing{font-size:36px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}.stat-label-landing{font-size:14px;color:#666;font-weight:500}.hero-right{animation:fadeInRight 1s ease}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.hero-image-container{position:relative;animation:floatImage 6s ease-in-out infinite}@keyframes floatImage{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-image{width:100%;height:auto;border-radius:24px;box-shadow:0 20px 60px #667eea33;border:4px solid white;object-fit:cover;transition:all .4s ease;position:relative}.hero-image:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 30px 80px #667eea4d}.section-header{text-align:center;margin-bottom:80px;animation:fadeInUp .8s ease;position:relative}.section-header:before{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:2px}.section-title-landing{font-size:36px;font-weight:800;color:#1a1a1a;margin-bottom:12px;position:relative;display:inline-block}.section-subtitle-landing{font-size:17px;color:#666}.features-section{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:120px 40px}.features-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100%;background:linear-gradient(180deg,#f8f9ff,#fff,#faf8ff);z-index:-1}.features-grid{display:flex;flex-direction:column;gap:20px;margin-bottom:80px;max-width:900px;margin-left:auto;margin-right:auto}.feature-card{background:#fafbff;border:2px solid #eef0ff;border-radius:20px;padding:32px 40px;animation:fadeInUp .8s ease backwards;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:row;align-items:center;gap:24px;position:relative;overflow:hidden;box-shadow:0 2px 12px #667eea0f}.feature-card:nth-child(1){background:#f0f4ff}.feature-card:nth-child(2){background:#fef7ff}.feature-card:nth-child(3){background:#f0fff4}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);background-size:200% 100%;animation:shimmer 3s linear infinite;opacity:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{transform:translate(8px) scale(1.01);box-shadow:0 8px 32px #667eea26;border-color:#667eea}@keyframes shimmer{to{background-position:200% center}}.feature-icon-large{font-size:48px;text-align:center;margin-bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);width:80px;height:80px;min-width:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;border:none;box-shadow:0 8px 24px #667eea33;transition:all .3s ease;position:relative}.feature-icon-large:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:18px;z-index:-1;opacity:0;transition:opacity .3s ease}.feature-card:hover .feature-icon-large{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 32px #667eea59}.feature-card:hover .feature-icon-large:after{opacity:1}.feature-content{color:#1a1a1a;flex-grow:1;display:flex;flex-direction:column;gap:8px}.feature-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;margin-bottom:0;transition:all .3s ease;align-self:flex-start}.feature-badge.available{background:linear-gradient(135deg,#4caf5026,#4caf5040);color:#4caf50;border:2px solid rgba(76,175,80,.4);box-shadow:0 2px 8px #4caf5026}.feature-card:hover .feature-badge.available{transform:scale(1.05);box-shadow:0 4px 12px #4caf5040}.feature-title{font-size:22px;font-weight:700;margin-bottom:0;color:#1a1a1a}.feature-description{font-size:15px;line-height:1.6;color:#666;margin-bottom:0}.upcoming-section{margin-top:80px}.upcoming-title{text-align:center;font-size:36px;font-weight:800;color:#1a1a1a;margin-bottom:48px}.upcoming-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.upcoming-card{background:#fff;border:2px solid #f0f0f0;border-radius:16px;padding:32px 24px;text-align:center;animation:fadeInScale .6s ease backwards;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.upcoming-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.05),transparent);transition:left .5s ease}.upcoming-card:hover:before{left:100%}.upcoming-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 12px 32px #667eea1f;border-color:#667eea}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.upcoming-icon{font-size:48px;margin-bottom:16px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);width:80px;height:80px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.upcoming-card:hover .upcoming-icon{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.1) rotate(-10deg);box-shadow:0 8px 24px #667eea4d}.feature-badge.upcoming{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#f57c00;border:2px solid #ffe0b2;font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px;animation:pulse 2s ease-in-out infinite}.upcoming-card-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:10px}.upcoming-card-description{font-size:14px;line-height:1.6;color:#666}.how-it-works-section{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:120px 40px}.how-it-works-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100%;background:linear-gradient(180deg,#fff,#fafbff);z-index:-1}.steps-container{display:flex;flex-direction:column;gap:20px;position:relative}.steps-container:before{content:"";position:absolute;left:28px;top:50px;bottom:50px;width:2px;background:linear-gradient(180deg,#667eea,#764ba2,#f093fb);opacity:.2}.step-card{display:flex;align-items:flex-start;gap:20px;animation:fadeInLeft .6s ease backwards;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;background:#fff;padding:24px;border-radius:16px;border:2px solid transparent;box-shadow:0 2px 8px #0000000a}.step-card:hover{transform:translate(8px) scale(1.02);border-color:#667eea;box-shadow:0 8px 24px #667eea26}.step-number{font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #667eea4d;transition:all .3s ease;position:relative;z-index:1}.step-card:hover .step-number{transform:scale(1.15) rotate(10deg);box-shadow:0 8px 24px #667eea66}.step-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:6px}.step-description{font-size:15px;color:#666}.step-arrow{display:none}.cta-section{position:relative;z-index:1;max-width:1400px;margin:120px auto 0;padding:0 40px}.cta-content{background:linear-gradient(135deg,#667eea,#764ba2,#667eea);background-size:200% 200%;border-radius:24px;padding:60px 48px;text-align:center;animation:fadeInUp .8s ease,gradientMove 8s ease infinite;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 60px #667eea4d;position:relative;overflow:hidden}.cta-content:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:rotate 20s linear infinite}@keyframes gradientMove{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-title{font-size:32px;font-weight:800;color:#fff;margin-bottom:12px;text-align:left;position:relative;z-index:1}.cta-subtitle{font-size:17px;color:#fffffff2;margin-bottom:0;line-height:1.6;text-align:left;position:relative;z-index:1}.cta-button{padding:14px 32px;background:#fff;color:#667eea;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap;position:relative;z-index:1;box-shadow:0 4px 16px #00000026}.cta-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 32px #00000040}.landing-footer{position:relative;z-index:1;background:#f8f8f8;border-top:1px solid #e5e5e5;padding:60px 40px 32px;color:#333;margin-top:80px}.footer-content{max-width:1400px;margin:0 auto 40px;display:grid;grid-template-columns:2fr 1fr;gap:80px}.footer-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;margin-bottom:16px;color:#1a1a1a}.footer-description{font-size:15px;color:#666;line-height:1.6}.footer-right{display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer-links h4,.footer-contact h4{font-size:16px;font-weight:700;margin-bottom:16px;color:#1a1a1a}.footer-links a,.footer-contact a{display:block;color:#666;font-size:14px;margin-bottom:12px;cursor:pointer;transition:all .3s ease}.footer-links a:hover,.footer-contact a:hover{color:#667eea;transform:translate(4px)}.footer-bottom{max-width:1400px;margin:0 auto;padding-top:32px;border-top:1px solid #e5e5e5;text-align:center;font-size:13px;color:#999}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.hero-content-landing{grid-template-columns:1fr;gap:40px}.hero-right{order:-1}.features-grid{max-width:100%}.upcoming-grid{grid-template-columns:repeat(2,1fr)}.cta-content{flex-direction:column;text-align:center;gap:24px}.cta-title,.cta-subtitle{text-align:center}}@media(max-width:768px){.nav-content{padding:16px 20px}.nav-links{gap:16px}.nav-links a{display:none}.hero-title-landing{font-size:32px}.hero-subtitle-landing{font-size:16px}.hero-buttons{flex-direction:column}.hero-stats{gap:32px}.section-title-landing{font-size:28px}.section-subtitle-landing{font-size:15px}.features-grid{max-width:100%}.feature-card{flex-direction:column;align-items:flex-start;padding:28px 24px}.feature-icon-large{width:72px;height:72px;min-width:72px;font-size:40px}.upcoming-grid{grid-template-columns:1fr}.cta-content{padding:40px 32px}.cta-title{font-size:24px}.cta-subtitle{font-size:15px}.footer-content{grid-template-columns:1fr;gap:40px}.footer-right{grid-template-columns:1fr}}::selection{background:#ffffff4d;color:#fff}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:500px;width:90%;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px}.modal-title{margin:0;font-size:20px;font-weight:700}.modal-body{padding:24px}.modal-message{margin:0;font-size:16px;line-height:1.6;color:#333}.modal-footer{padding:16px 24px;background-color:#f8f9fa;display:flex;justify-content:flex-end;gap:12px}.modal-btn{padding:10px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px}.modal-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.modal-btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.modal-btn-cancel{background:#fff;color:#666;border:2px solid #ddd}.modal-btn-cancel:hover{background:#f5f5f5;border-color:#bbb}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fafbff,#f5f7ff);padding:40px 20px;position:relative;overflow:hidden}.login-container:before{content:"";position:fixed;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(102,126,234,.06) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite;pointer-events:none;z-index:0}.login-container:after{content:"";position:fixed;bottom:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(118,75,162,.05) 0%,transparent 70%);border-radius:50%;animation:float 25s ease-in-out infinite reverse;pointer-events:none;z-index:0}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.login-form-section{position:relative;z-index:1;width:100%;max-width:520px;animation:fadeInScale .6s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.form-container{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:48px 40px;box-shadow:0 24px 64px #0003}.login-logo{text-align:center;margin-bottom:32px}.logo-icon-login{font-size:64px;display:block;margin-bottom:16px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-title{font-size:28px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.logo-subtitle{font-size:15px;color:#666;font-weight:500}.auth-toggle{display:flex;gap:8px;margin-bottom:32px;background:#667eea1a;padding:6px;border-radius:12px}.toggle-btn{flex:1;padding:12px;background:transparent;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);color:#667eea}.toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.toggle-btn:hover:not(.active){background:#667eea26}.error-message{padding:14px 16px;background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#d32f2f;border-radius:12px;margin-bottom:24px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.auth-form{display:flex;flex-direction:column}.form-title{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:24px;margin-top:0;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:10px;font-weight:700;color:#333;font-size:14px}.form-input{width:100%;padding:14px 18px;border:2px solid rgba(0,0,0,.1);border-radius:12px;font-size:15px;transition:all .3s ease;box-sizing:border-box;background:#fff}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.form-input::placeholder{color:#bbb}.form-hint{display:block;margin-top:8px;font-size:12px;color:#999;font-weight:500}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper .form-input{padding-right:50px}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;font-size:20px;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:8px;opacity:.6}.password-toggle-btn:hover{opacity:1;background:#667eea1a}.password-toggle-btn:active{transform:translateY(-50%) scale(.95)}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);margin-top:8px;box-shadow:0 8px 24px #667eea4d}.submit-btn:active:not(:disabled){transform:translateY(-1px)}.back-to-home{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid rgba(0,0,0,.1)}.back-link{color:#667eea;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px}.back-link:hover{color:#764ba2;transform:translate(-4px)}@media(max-width:768px){.login-container{padding:20px}.form-container{padding:36px 28px}.logo-icon-login{font-size:56px}.logo-title{font-size:24px}.form-title{font-size:20px}}@media(max-width:480px){.form-container{padding:32px 24px}.auth-toggle{flex-direction:column}.toggle-btn{width:100%}}.login-brand,.brand-content,.brand-title,.brand-subtitle,.brand-features,.feature-item,.feature-icon{display:none}.home-container{min-height:100vh;background:#e8e4f3;position:relative}.home-header{background:#fff;padding:12px 0;box-shadow:0 2px 8px #0000000d}.header-content{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.header-logo{display:flex;align-items:center;gap:12px;cursor:pointer}.header-logo-icon{font-size:28px}.header-logo-text{font-size:20px;font-weight:800;color:#1a1a1a}.header-actions{display:flex;align-items:center;gap:12px}.header-btn{padding:10px 18px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-icon{font-size:18px;display:flex;align-items:center;justify-content:center}.profile-btn{background:#f5f7ff;color:#667eea;border:2px solid #e0e4ff}.profile-btn:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea40}.logout-btn{background:#fff0f0;color:#f44336;border:2px solid #ffd0d0}.logout-btn:hover{background:#f44336;color:#fff;border-color:#f44336;transform:translateY(-2px);box-shadow:0 4px 12px #f4433640}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;cursor:pointer}.user-avatar:hover{transform:scale(1.1);box-shadow:0 6px 16px #667eea66}.hero-section{max-width:1400px;margin:0 auto;padding:60px 40px 50px;text-align:center}.page-title{font-size:48px;font-weight:800;color:#1a1a1a;margin-bottom:16px}.page-subtitle{font-size:18px;color:#666;font-weight:400}.subjects-section{max-width:1400px;margin:0 auto;padding:0 40px 80px}.subjects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.subject-card{background:#fff;border-radius:24px;padding:40px 36px;box-shadow:0 2px 12px #0000000f;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;display:flex;flex-direction:column;gap:28px;border:2px solid transparent;position:relative;overflow:hidden}.subject-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.03),transparent);transition:left .6s ease}.subject-card:hover:before{left:100%}.subject-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 40px #667eea26;border-color:#667eea}.subject-card.disabled{opacity:.5;cursor:not-allowed}.subject-card.disabled:hover{transform:none;box-shadow:0 2px 12px #0000000f;border-color:transparent}.card-content{display:flex;align-items:center;gap:24px}.subject-icon{font-size:72px;flex-shrink:0;transition:all .4s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.subject-card:hover .subject-icon{transform:scale(1.15) rotate(-8deg);filter:drop-shadow(0 8px 16px rgba(0,0,0,.15))}.subject-info{flex:1;text-align:left}.subject-name{font-size:26px;font-weight:800;color:#1a1a1a;margin:0 0 10px;line-height:1.2}.subject-description{font-size:15px;color:#777;margin:0;line-height:1.6}.view-details-btn{padding:14px 32px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start;box-shadow:0 4px 16px #667eea40;position:relative;overflow:hidden}.view-details-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.view-details-btn:hover:before{left:100%}.view-details-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #667eea59}.subject-card.disabled .view-details-btn{background:#ccc;box-shadow:none}.subject-card.disabled .view-details-btn:hover{transform:none;box-shadow:none}.home-footer{background:#d9d5e5;padding:32px 40px;text-align:center}.home-footer p{margin:0;font-size:14px;color:#666}@media(max-width:1024px){.subjects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.header-content{padding:0 20px}.header-logo-text{font-size:18px}.header-actions{gap:10px}.header-btn{padding:8px 14px;font-size:13px}.btn-icon{font-size:16px}.hero-section{padding:50px 20px 40px}.page-title{font-size:36px}.page-subtitle{font-size:16px}.subjects-section{padding:0 20px 60px}.subjects-grid{grid-template-columns:1fr;gap:20px}.subject-card{padding:32px 28px;gap:24px}.subject-icon{font-size:64px}.subject-name{font-size:22px}.subject-description{font-size:14px}.view-details-btn{padding:12px 28px;font-size:14px}}@media(max-width:480px){.header-logo-icon{font-size:24px}.header-logo-text{font-size:16px}.page-title{font-size:28px}.subject-card{padding:28px 24px;gap:20px}.card-content{flex-direction:column;text-align:center}.subject-info{text-align:center}.subject-icon{font-size:56px}.subject-name{font-size:20px}.view-details-btn{align-self:center;padding:12px 24px}.header-btn{padding:8px 12px;font-size:12px}.btn-icon{font-size:16px}.header-actions{gap:8px}.user-avatar{width:40px;height:40px;font-size:18px}}html{scroll-behavior:smooth}.subject-detail-container{min-height:100vh;background:#fff}.subject-header{background:linear-gradient(135deg,#e8e4f3,#f5f0ff);padding:30px 20px 60px;color:#1a1a1a;position:relative;box-shadow:0 2px 8px #0000000d}.back-button{background:#f5f7ff;color:#667eea;border:2px solid #e0e4ff;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.back-button:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translate(-5px);box-shadow:0 4px 12px #667eea40}.subject-header-content{max-width:800px;margin:0 auto;text-align:center}.subject-header-title{font-size:48px;font-weight:800;margin-bottom:15px;color:#1a1a1a;animation:fadeInUp .6s ease}.subject-header-subtitle{font-size:20px;color:#666;animation:fadeInUp .6s ease .2s backwards}.test-types-section{max-width:1200px;margin:-30px auto 60px;padding:0 20px}.test-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,450px));gap:30px;justify-content:start}.test-type-card{position:relative;padding:50px 40px;border-radius:24px;background:#fafbff;color:#1a1a1a;box-shadow:0 2px 12px #0000000f;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:fadeInUp .8s ease backwards;overflow:hidden;border:2px solid #e0e4ff;border-left:6px solid #667eea}.test-type-card:nth-child(1){background:#f0f4ff;border-left-color:#667eea}.test-type-card:nth-child(2){background:#fef7ff;border-left-color:#f093fb}.test-type-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.03),transparent);transition:left .6s ease}.test-type-card:hover:before{left:100%}.test-type-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 40px #667eea26;border:2px solid #667eea;border-left:6px solid #667eea}.test-type-card.disabled{cursor:not-allowed;opacity:.5}.test-type-card.disabled:hover{transform:none;box-shadow:0 2px 12px #0000000f;border:2px solid #e0e4ff;border-left:6px solid #667eea}.coming-soon-badge-detail{position:absolute;top:20px;right:20px;background:#fff3e0;color:#f57c00;border:2px solid #ffe0b2;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;animation:pulse 2s infinite}.test-type-icon{font-size:80px;margin-bottom:20px;animation:bounce 3s infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.test-type-title{font-size:36px;font-weight:800;margin-bottom:15px;color:#1a1a1a}.test-type-description{font-size:18px;color:#666;margin-bottom:30px}.test-type-features{margin-bottom:30px}.feature-item{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:16px;border-bottom:1px solid #f0f0f0;color:#555}.feature-item:last-child{border-bottom:none}.feature-check{width:24px;height:24px;background:#e8f5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;font-weight:700;color:#4caf50}.start-button{width:100%;padding:18px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #667eea40;position:relative;overflow:hidden}.start-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.start-button:hover:before{left:100%}.start-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #667eea59}.info-section{max-width:1200px;margin:0 auto;padding:0 20px 60px}.info-card{background:#f0fff4;padding:40px;border-radius:20px;box-shadow:0 2px 12px #0000000f;border:2px solid #d4f4dd;text-align:center;animation:fadeInUp .8s ease .4s backwards}.info-icon{font-size:48px;margin-bottom:20px}.info-card h3{font-size:28px;font-weight:700;margin-bottom:15px;color:#333}.info-card p{font-size:16px;line-height:1.8;color:#666;max-width:700px;margin:0 auto}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media(max-width:768px){.subject-header-title{font-size:32px}.test-types-grid{grid-template-columns:1fr}.test-type-card{padding:40px 30px}.test-type-title{font-size:28px}.info-card{padding:30px 20px}}.loading-container,.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;gap:20px}.spinner{width:60px;height:60px;border:5px solid #f3f3f3;border-top:5px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.back-btn,.clear-btn{padding:12px 30px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px}.back-btn:hover,.clear-btn:hover{background:#764ba2;transform:translateY(-2px)}.testlar-container{min-height:100vh;background:#e8e4f3;position:relative}.testlar-header{position:relative;z-index:1;padding:30px 20px 40px;background:#fff;box-shadow:0 2px 8px #0000000d;margin-bottom:30px}.back-button-testlar{background:#f5f7ff;color:#667eea;border:2px solid #e0e4ff;padding:10px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.back-button-testlar:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translate(-5px)}.testlar-header-content{max-width:1200px;margin:0 auto;text-align:center}.testlar-title{font-size:42px;font-weight:800;margin-bottom:10px;animation:fadeInUp .6s ease;color:#1a1a1a}.testlar-subtitle{font-size:18px;color:#666;margin-bottom:0;animation:fadeInUp .6s ease .1s backwards}.search-section{position:relative;z-index:1;max-width:1200px;margin:0 auto 30px;padding:0 20px;animation:fadeInUp .6s ease .2s backwards}.search-container{position:relative;display:flex;align-items:center;background:#fff;border-radius:16px;padding:0 20px;box-shadow:0 2px 12px #0000000f;border:2px solid transparent;transition:all .3s ease}.search-container:focus-within{border-color:#667eea;box-shadow:0 4px 16px #667eea26}.search-icon{font-size:20px;margin-right:12px}.search-input{flex:1;padding:16px 0;border:none;outline:none;font-size:16px;background:transparent;color:#333}.search-input::placeholder{color:#999}.clear-search{background:#667eea1a;color:#667eea;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.clear-search:hover{background:#667eea33;transform:scale(1.1)}.results-count{margin-top:12px;text-align:center;color:#666;font-size:14px;font-weight:500}.tests-section{position:relative;z-index:1;max-width:1200px;margin:0 auto 60px;padding:0 20px}.tests-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.test-item{display:flex;flex-direction:column;justify-content:space-between;background:#fff;border-radius:20px;padding:24px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:fadeInUp .4s ease backwards;border:2px solid transparent;box-shadow:0 2px 12px #0000000f;min-height:180px}.test-item:nth-child(1){animation-delay:0s}.test-item:nth-child(2){animation-delay:.05s}.test-item:nth-child(3){animation-delay:.1s}.test-item:nth-child(4){animation-delay:.15s}.test-item:nth-child(5){animation-delay:.2s}.test-item:nth-child(6){animation-delay:.25s}.test-item:nth-child(7){animation-delay:.3s}.test-item:nth-child(8){animation-delay:.35s}.test-item:nth-child(9){animation-delay:.4s}.test-item:nth-child(10){animation-delay:.45s}.test-item:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 40px #667eea26;border-color:#667eea}.test-item-left{flex:1;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.test-number{font-size:22px;font-weight:800;color:#1a1a1a;margin-bottom:4px}.test-date{font-size:13px;color:#777;font-weight:500}.test-item-right{display:flex;flex-direction:column;align-items:stretch;gap:10px}.status-badge{padding:8px 16px;border-radius:12px;font-size:12px;font-weight:700;text-align:center}.status-badge.completed{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.status-badge.in-progress{background:#ff980026;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.start-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;text-align:center;box-shadow:0 4px 16px #667eea40}.start-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #667eea59}.start-btn.results{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 16px #4caf5040}.start-btn.results:hover{box-shadow:0 8px 24px #4caf5059}.start-btn.continue{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 16px #ff980040}.start-btn.continue:hover{box-shadow:0 8px 24px #ff980059}.no-tests{text-align:center;padding:60px 20px;background:#fff;border-radius:20px;box-shadow:0 2px 12px #0000000f;animation:fadeInUp .6s ease;grid-column:1 / -1}.no-tests-icon{font-size:64px;margin-bottom:20px;opacity:.4}.no-tests h2{font-size:24px;font-weight:800;margin-bottom:10px;color:#1a1a1a}.no-tests p{font-size:16px;color:#666;margin-bottom:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.tests-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}}@media(max-width:768px){.testlar-header{padding:20px 15px 30px}.testlar-title{font-size:32px}.testlar-subtitle{font-size:16px}.search-section,.tests-section{padding:0 15px}.tests-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.test-item{padding:20px;min-height:160px}.test-number{font-size:20px}}@media(max-width:480px){.testlar-title{font-size:24px}.testlar-subtitle{font-size:14px}.tests-list{grid-template-columns:1fr;gap:12px}.test-item{padding:18px;min-height:150px}.test-number{font-size:18px}.test-date{font-size:12px}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors:active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors:active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;inset:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.essay-eval-container{min-height:100vh;background:#fff;padding-bottom:40px}.essay-eval-header{background:linear-gradient(135deg,#e8e4f3,#f5f0ff);padding:30px 20px 60px;margin-bottom:40px;text-align:center;color:#1a1a1a;position:relative;box-shadow:0 2px 8px #0000000d}.back-btn{position:absolute;left:20px;top:30px;background:#f5f7ff;color:#667eea;border:2px solid #e0e4ff;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translate(-5px);box-shadow:0 4px 12px #667eea40}.essay-eval-header h1{font-size:48px;font-weight:800;margin-bottom:15px;color:#1a1a1a}.essay-eval-header .subtitle{font-size:20px;color:#666}.essay-eval-content{max-width:800px;margin:0 auto}.essay-form{background:#f0f4ff;border:2px solid #e0e4ff;border-radius:24px;padding:40px;box-shadow:0 2px 12px #0000000f}.form-section{margin-bottom:30px}.form-label{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#333;margin-bottom:12px}.label-icon{font-size:20px}.topic-input{width:100%;padding:16px;border:2px solid #e0e4ff;background:#fff;border-radius:12px;font-size:15px;font-family:inherit;resize:vertical;transition:all .3s ease;box-sizing:border-box}.topic-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.topic-input:disabled{background:#f5f5f5;cursor:not-allowed}.file-input{display:none}.file-label{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;border:2px dashed #c5d0ff;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:15px;font-weight:600;color:#667eea}.file-label:hover{border-color:#667eea;background:#667eea1a}.file-label span:first-child{font-size:24px}.image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-top:20px}.preview-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;border:2px solid rgba(0,0,0,.1);box-shadow:0 4px 12px #0000001a}.preview-item img{width:100%;height:100%;object-fit:cover}.preview-number{position:absolute;top:8px;right:8px;background:#667eeae6;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.error-box{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#d32f2f;border-radius:12px;font-size:14px;font-weight:600;margin-bottom:20px}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 24px #667eea4d}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #667eea66}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.results-section{background:#fef7ff;border:2px solid #f4e5ff;border-radius:24px;padding:40px;box-shadow:0 2px 12px #0000000f}.result-header{text-align:center;margin-bottom:40px}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;margin:0 auto 20px;box-shadow:0 8px 24px #4caf504d}.result-header h2{font-size:28px;font-weight:800;color:#333;margin-bottom:10px}.result-topic{font-size:16px;color:#666;font-weight:600}.feedback-box{background:#fff;border:2px solid #e0e4ff;border-radius:16px;padding:24px;margin-bottom:30px}.feedback-box h3{font-size:18px;font-weight:700;color:#667eea;margin-bottom:16px}.feedback-text{font-size:15px;line-height:1.8;color:#333;white-space:pre-wrap}.key-points{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.points-section{padding:20px;border-radius:12px;border-left:4px solid}.points-section h4{font-size:16px;font-weight:700;margin-bottom:12px}.points-section ul{list-style:none;padding:0;margin:0}.points-section li{padding:8px 0 8px 24px;position:relative;font-size:14px;line-height:1.6}.points-section li:before{content:"•";position:absolute;left:8px;font-size:20px}.strengths{background:#4caf500d;border-color:#4caf50}.strengths h4{color:#4caf50}.strengths li{color:#2e7d32}.weaknesses{background:#ff98000d;border-color:#ff9800}.weaknesses h4{color:#ff9800}.weaknesses li{color:#e65100}.suggestions{background:#2196f30d;border-color:#2196f3}.suggestions h4{color:#2196f3}.suggestions li{color:#1565c0}.confidence{display:flex;align-items:center;gap:12px;padding:16px;background:#00000008;border-radius:12px;margin-bottom:30px;font-size:14px;font-weight:600}.confidence-bar{flex:1;height:12px;background:#0000001a;border-radius:6px;overflow:hidden}.confidence-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .5s ease}.result-actions{display:flex;gap:15px}.new-essay-btn,.view-history-btn{flex:1;padding:14px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.new-essay-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.new-essay-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.view-history-btn{background:#fff;color:#667eea;border:2px solid #667eea}.view-history-btn:hover{background:#667eea0d;transform:translateY(-2px)}@media(max-width:768px){.essay-eval-header h1{font-size:28px}.essay-form,.results-section{padding:24px}.result-actions{flex-direction:column}.image-previews{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}