html{transition:background-color .3s ease,color .3s ease;scroll-behavior:smooth}.scroll-smooth{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#f8faff,#f5f3ff);background-attachment:fixed;color:#334155;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease;margin:0;padding:0;overflow-x:hidden}.glass-card{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000000d;transition:all .3s ease}.glass-card:hover{box-shadow:0 12px 40px #00000014;transform:translateY(-2px)}.glass-button{background:#4f46e5e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.glass-button:hover{background:#4338caf2;box-shadow:0 8px 20px #4f46e566}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-fade-in{animation:cardFadeIn .6s ease-out forwards;opacity:0}@keyframes slideInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn .8s ease-out forwards;opacity:0}.slide-in-left{animation:slideInLeft .8s ease-out forwards;opacity:0}.slide-in-right{animation:slideInRight .8s ease-out forwards;opacity:0}.shimmer-text{background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;animation:shimmer 8s infinite alternate-reverse;animation-timing-function:ease-in-out;color:transparent}.hero-headline{font-family:Montserrat,sans-serif;font-size:3rem;font-weight:800;margin-bottom:.5rem;min-width:45vw}@media (max-width: 768px){.hero-headline{font-size:2.5rem;min-width:auto}.spin-text{font-size:2.2rem}.spin-text div:nth-child(3){font-size:1.8rem}}.hero-headline>h1{margin:0rem}.hero-headline,.spin-text div{background:linear-gradient(90deg,#4f46e5,#818cf8,#a78bfa);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.spin-text{height:1em;min-width:100%;padding-left:0;position:relative;vertical-align:center;margin-left:0;overflow:hidden;display:inline-block;word-break:break-word}.spin-text div{display:block;height:1em;position:absolute;transform:translateY(-100%);width:100%;overflow:hidden}.spin-text div:nth-child(1){transform:translateY(0);animation:1s ease-in-out 2.5s slide-bottom-out forwards}.spin-text div:nth-child(2){animation:1s ease-in-out 2.5s slide-top-in forwards,1s ease-in-out 5s slide-bottom-out forwards}.spin-text div:nth-child(3){animation:1s ease-in-out 5s slide-top-in forwards,1s ease-in-out 7.5s slide-bottom-out forwards}.spin-text div:nth-child(4){animation:1s ease-in-out 7.5s slide-top-in forwards}@keyframes slide-top-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-bottom-out{0%{transform:translateY(0)}to{transform:translateY(100%);visibility:hidden}}.loading{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;vertical-align:middle}@keyframes drawLogo{to{stroke-dashoffset:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.logo-path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLogo 2s ease-in-out forwards;stroke-width:4}.logo-highlight{opacity:0;animation:fadeIn .5s ease-out 1.5s forwards}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f0f4ff,#e5edff);display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease}.logo-container{display:flex;flex-direction:column;align-items:center}.loading-text{margin-top:20px;font-size:16px;color:#3b82f6;letter-spacing:.2em;font-weight:500;font-family:Inter,sans-serif;text-transform:uppercase;animation:fadeIn 1.2s ease-out .5s forwards;opacity:0}.card-delay-1{animation-delay:.1s}.card-delay-2{animation-delay:.2s}.card-delay-3{animation-delay:.3s}.card-delay-4{animation-delay:.4s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb{background:#3b82f633;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#3b82f666}.loading-metric-overlay{background-color:#ffffffb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;border-radius:.25rem;z-index:5;transition:opacity .3s ease-out}.dark-mode .loading-metric-overlay{background-color:#1e293bb3}.dark-mode .loading-overlay{background:linear-gradient(135deg,#111827,#1f2937)}.dark-mode .loading-text{color:#60a5fa}.dark-mode{color-scheme:dark}.dark-mode body{background:linear-gradient(135deg,#111827,#1e293b);color:#e5e7eb}.dark-mode .glass-card{background:#1e293bb3;border:1px solid rgba(255,255,255,.08)}.dark-mode .glass-button{background:#3b82f6cc;border:1px solid rgba(59,130,246,.4)}.dark-mode input,.dark-mode textarea,.dark-mode select{background-color:#1e293bb3;border-color:#4b556380;color:#e5e7eb}.dark-mode input::placeholder,.dark-mode textarea::placeholder{color:#9ca3af}.dark-mode input:focus,.dark-mode textarea:focus,.dark-mode select:focus{border-color:#4f46e599;outline:none;box-shadow:0 0 0 2px #4f46e540}.dark-mode #tab-assessment.bg-white,.dark-mode #tab-settings.bg-white,.dark-mode #tab-management.bg-white{background-color:#1e293bcc!important;color:#e5e7eb!important;border-color:#4b556380!important;text-shadow:none!important}.dark-mode #tab-assessment:hover:not(.bg-white),.dark-mode #tab-settings:hover:not(.bg-white),.dark-mode #tab-management:hover:not(.bg-white){background-color:#1e293b80!important;color:#e5e7eb!important}.dark-mode #expandAssessmentBtn,.dark-mode #refreshAssessmentBtn{background-color:#3b82f633;color:#93c5fd}.dark-mode #expandAssessmentBtn:hover,.dark-mode #refreshAssessmentBtn:hover{background-color:#3b82f64d;color:#bfdbfe}.dark-mode .tab-panel{color:#e5e7eb}.dark-mode #recommendations,.dark-mode #topFeatures{background-color:#1e293bb3;color:#e5e7eb}.dark-mode .markdown-content{color:#e5e7eb}.dark-mode .bg-indigo-50{background-color:#4f46e533}.dark-mode .text-gray-700{color:#e5e7eb!important}.dark-mode .text-gray-500{color:#9ca3af!important}.dark-mode .text-gray-800{color:#f3f4f6!important}.dark-mode .bg-white{background-color:#1e293bb3!important}.dark-mode .bg-gray-50{background-color:#1e293b80!important}.theme-toggle{position:relative;width:36px;height:20px;background-color:#e2e8f099;border-radius:10px;cursor:pointer;transition:background-color .3s ease;box-shadow:inset 0 1px 3px #0000001a}@media (max-width: 768px){header.glass-card{margin:.5rem;padding:.75rem 1rem}.logo-container-header{transform:scale(.9);transform-origin:left center}.mobile-menu{position:fixed;top:0;right:-100%;width:80%;height:100vh;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:all .3s ease;padding:2rem;box-shadow:-5px 0 15px #0000001a;display:flex;flex-direction:column;visibility:hidden;opacity:0}.mobile-menu.active{right:0;visibility:visible;opacity:1}.dark-mode .mobile-menu{background:#1e293bf2}.menu-toggle{display:block!important;z-index:101;margin-left:1rem!important;padding:.5rem;border-radius:.5rem}.menu-toggle:hover{background:#4f46e51a}.desktop-menu{display:none!important}.hero-split{flex-direction:column}.hero-content,.hero-image{width:100%;padding:1rem 0}.hero-content h1{line-height:1.2}}.close-menu{position:absolute;top:1rem;right:1rem;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-menu:hover{background:#4f46e51a}.theme-toggle{margin-left:1rem!important}@media (min-width: 769px){.mobile-menu,.menu-toggle,.close-menu{display:none}.desktop-menu{display:flex}.hero-split{display:flex;align-items:center;justify-content:space-between}.hero-content{width:45%;text-align:left;padding-right:2rem}.hero-image{width:55%}}.animated-logo{display:flex;align-items:center;margin-right:.5rem}.logo-container-header{display:flex;align-items:center}.theme-toggle.dark{background-color:#4f46e599}.toggle-handle{position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;display:flex;align-items:center;justify-content:center;color:#f59e0b;transition:transform .3s ease,background-color .3s ease}.theme-toggle.dark .toggle-handle{transform:translate(16px);background-color:#1e293b;color:#a5b4fc}.status-message{opacity:0;transform:translateY(-10px);transition:opacity .5s ease,transform .5s ease;font-size:.9rem}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fffffff2;margin:5% auto;padding:20px;border:1px solid rgba(255,255,255,.3);border-radius:16px;width:80%;max-width:600px;box-shadow:0 10px 30px #0000001a;position:relative;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dark-mode .modal-content{background:#1e293bf2;border:1px solid rgba(255,255,255,.1)}.close-modal{position:absolute;top:10px;right:15px;font-size:24px;color:#9ca3af;cursor:pointer;transition:color .2s ease}.close-modal:hover{color:#4f46e5}