.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f0c29f2,#302b63f2);border-bottom:1px solid #667eea33;box-shadow:0 4px 20px #0003;padding:0;position:sticky;top:0;z-index:999}.nav-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 40px}.nav-logo{align-items:center;color:#fff;display:flex;font-size:1.3rem;font-weight:800;gap:12px;letter-spacing:-.5px;text-decoration:none}.logo-icon,.nav-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.logo-icon{font-size:1.8rem}.nav-menu{display:flex;gap:20px;list-style:none}.nav-item{position:relative}.nav-link{border-radius:8px;color:#e0e7ff;display:inline-block;font-size:.95rem;font-weight:500;padding:10px 16px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#667eea26;color:#fff;transform:translateY(-2px)}.nav-link.active{background:#667eea1a;border-bottom:2px solid #667eea;color:#667eea}@media screen and (max-width:768px){.nav-container{padding:0 20px}.nav-logo{font-size:1.1rem}.logo-icon{font-size:1.5rem}.nav-menu{gap:10px}.nav-link{font-size:.85rem;padding:8px 12px}}.dashboard{background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);color:#fff;min-height:100vh;overflow-x:hidden;position:relative}.dashboard:before{background:radial-gradient(circle at 20% 50%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#764ba21a 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.hero-section{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:60px 20px;position:relative;text-align:center;z-index:1}.hero-content{animation:fadeInUp 1s ease;max-width:900px;width:100%}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:10px}.hero-subtitle{color:#e0e7ff;font-size:clamp(1.8rem,6vw,3.5rem);font-weight:700;letter-spacing:1px;margin-bottom:20px}.hero-description{color:#a5b4fc;font-size:1.2rem;font-weight:300;letter-spacing:.5px;margin-bottom:60px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:80px}.feature-card{color:inherit;height:280px;perspective:1000px;position:relative;text-decoration:none}.feature-card-primary,.feature-card-secondary{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid #667eea4d;border-radius:24px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:40px 30px;transition:all .4s cubic-bezier(.23,1,.32,1)}.feature-card-primary{background:linear-gradient(135deg,#667eea33,#764ba226);border:1.5px solid #667eea80}.feature-card-secondary{background:linear-gradient(135deg,#f093fb26,#667eea26);border:1.5px solid #f093fb80}.feature-card:hover .card-glow{opacity:1;transform:scale(1.5)}.feature-card:hover{border-color:#667eea;box-shadow:0 25px 50px #667eea33;transform:translateY(-15px)}.card-glow{background:radial-gradient(circle,#667eea80 0,#0000 70%);border-radius:50%;height:200px;opacity:0;pointer-events:none;position:absolute;transition:all .4s ease;width:200px}.card-content{align-items:center;display:flex;flex-direction:column;gap:15px;position:relative;text-align:center;z-index:2}.feature-icon{animation:float 3s ease-in-out infinite;font-size:3.5rem}.feature-card-primary .feature-icon{animation-delay:0s}.feature-card-secondary .feature-icon{animation-delay:.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.feature-card h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.feature-card p{color:#a5b4fc;font-size:1rem;font-weight:300;margin:0}.info-section{margin:100px auto;max-width:1200px;padding:80px 40px;position:relative;text-align:center;z-index:1}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:60px}.info-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:60px}.info-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:20px;overflow:hidden;padding:40px 30px;position:relative;transition:all .3s ease}.info-box:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#667eea1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.info-box-2:before{animation-delay:5s}.info-box-3:before{animation-delay:10s}.info-box:hover{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea66;box-shadow:0 15px 40px #667eea26;transform:translateY(-10px)}.box-icon{font-size:3rem}.box-icon,.info-box h3{margin-bottom:15px;position:relative;z-index:2}.info-box h3{color:#fff;font-size:1.4rem;font-weight:700}.info-box p{color:#a5b4fc;font-size:1rem;font-weight:300;margin-bottom:15px}.info-box p,.info-box ul{position:relative;z-index:2}.info-box ul{list-style:none;text-align:left}.info-box ul li{color:#a5b4fc;font-size:.95rem;font-weight:300;margin-bottom:12px;padding-left:25px;position:relative}.info-box ul li:before{color:#667eea;content:"→";font-weight:700;left:0;position:absolute}.formula{background:#0000004d;border-left:3px solid #667eea;border-radius:12px;color:#f093fb;font-family:Courier New,monospace;font-size:1rem;font-weight:600;margin:15px 0;padding:20px;position:relative;z-index:2}@media (max-width:768px){.hero-section{min-height:auto;padding:40px 20px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.6rem}.hero-description{font-size:1rem;margin-bottom:40px}.features-grid{gap:20px;margin-bottom:40px}.feature-card-primary,.feature-card-secondary{height:240px;padding:30px 20px}.feature-icon{font-size:2.5rem}.feature-card h3{font-size:1.2rem}.feature-card p{font-size:.9rem}.info-section{margin:60px auto;padding:40px 20px}.section-title{font-size:2rem;margin-bottom:40px}.info-container{gap:20px}.info-box{padding:25px 20px}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.company-search{position:relative;width:100%}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea1a;border:1.5px solid #667eea66;border-radius:12px;color:#fff;font-size:1.05rem;font-weight:400;padding:14px 18px;transition:all .3s ease;width:100%}.search-input::placeholder{color:#a5b4fc99}.search-input:focus{background:#667eea26;border-color:#667eea;box-shadow:0 0 0 4px #667eea33;outline:none}.search-loading{color:#a5b4fc;font-weight:500;padding:16px;text-align:center}.search-loading,.search-results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#302b63f2,#24243ef2);border:1.5px solid #667eea4d;border-radius:12px;left:0;position:absolute;right:0;top:calc(100% + 8px);z-index:10}.search-results{box-shadow:0 20px 50px #0000004d;list-style:none;margin:0;max-height:350px;overflow-y:auto;padding:8px 0}.result-item{align-items:center;border-bottom:1px solid #667eea1a;cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px;transition:all .2s ease}.result-item:last-child{border-bottom:none}.result-item:hover{background:#667eea26;padding-left:24px}.result-name{color:#fff;flex-grow:1;font-weight:600}.result-code{color:#a5b4fc;font-size:.85rem;font-weight:500;letter-spacing:1px;margin-left:12px;min-width:100px;text-align:right;text-transform:uppercase}.no-results{color:#a5b4fc;font-weight:300;padding:20px;text-align:center}.chart-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea26,#764ba226);border:1.5px solid #667eea4d;border-radius:16px;box-shadow:0 15px 40px #667eea1a;margin-bottom:30px;padding:30px;transition:all .3s ease}.chart-container:hover{border-color:#667eea80;box-shadow:0 20px 50px #667eea26}.chart-container h3{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:25px}.recharts-wrapper{margin:0 auto;width:100%}.recharts-surface{filter:invert(0)!important}.recharts-text{font-weight:500}.recharts-axis-tick,.recharts-text{fill:#a5b4fc!important}.recharts-axis-line{stroke:#667eea4d!important}.recharts-grid-horizontal,.recharts-grid-vertical{stroke:#667eea26!important}.recharts-default-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#302b63f2!important;border:1px solid #667eea4d!important;border-radius:8px!important}.recharts-tooltip-label{color:#fff!important;font-weight:600!important}.recharts-tooltip-item{color:#a5b4fc!important;font-weight:500!important}.recharts-legend-wrapper{padding-top:20px!important}.recharts-legend-item-text{color:#a5b4fc!important;font-weight:500!important}.recharts-bar-rectangle{filter:drop-shadow(0 4px 12px rgba(102,126,234,.3))}.recharts-line{stroke-width:2.5!important;filter:drop-shadow(0 2px 8px rgba(102,126,234,.2))}.recharts-bar:hover{filter:drop-shadow(0 8px 16px rgba(102,126,234,.5))}.single-analysis{background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);color:#fff;min-height:100vh;padding:60px 20px;position:relative}.single-analysis:before{background:radial-gradient(circle at 20% 50%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#764ba21a 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.search-section{margin:0 auto 50px;max-width:800px;position:relative;z-index:1}.search-container{display:flex;justify-content:center}.search-container .company-search{width:min(100%,620px)}.sector-select{border-radius:12px;padding:14px 16px}.analysis-results{animation:fadeIn .6s ease;margin:0 auto;max-width:1000px;position:relative;z-index:1}.company-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea26,#764ba226);border:1.5px solid #667eea4d;border-left:4px solid #667eea;border-radius:20px;margin-bottom:40px;padding:40px}.company-header h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:15px}.company-meta{color:#a5b4fc;display:flex;flex-wrap:wrap;font-weight:300;gap:30px}.company-meta span strong{color:#f093fb;font-weight:600;margin-left:8px}.metrics-section{margin-bottom:40px}.metrics-section h2{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:30px}.metrics-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:linear-gradient(135deg,#667eea26,#764ba21a);border:1px solid #667eea4d;border-radius:16px;cursor:default;padding:25px 20px;transition:all .3s ease}.metric-card:hover{background:linear-gradient(135deg,#667eea33,#764ba226);border-color:#667eea80;box-shadow:0 15px 40px #667eea1a;transform:translateY(-8px)}.metric-card.metric-ccc{background:linear-gradient(135deg,#f093fb26,#667eea26);border:1.5px solid #f093fb80}.metric-card.metric-ccc:hover{border-color:#f093fbb3;box-shadow:0 15px 40px #f093fb33}.metric-label{color:#a5b4fc;font-size:.9rem;font-weight:500;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;margin-bottom:8px}.metric-card.metric-ccc .metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f093fb,#667eea);-webkit-background-clip:text;background-clip:text}.metric-unit{color:#a5b4fc;font-size:.85rem;font-weight:300}.assessment-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea26,#764ba226);border:1.5px solid #667eea4d;border-radius:20px;padding:40px}.analysis-data-note,.benchmark-note{background:#0f172a59;border:1px solid #a5b4fc38;border-radius:10px;color:#dbeafe;line-height:1.6;margin-bottom:20px;padding:14px 16px}.investor-insights-section{margin-bottom:40px}.investor-insights-section h2{color:#fff;margin-bottom:18px}.investor-insights-list{color:#e0e7ff;margin:0;padding-left:22px}.investor-insights-list li{line-height:1.7;margin-bottom:14px}.assessment-section h2{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:25px}.assessment{border-radius:12px;font-weight:300;line-height:1.6}.assessment.healthy{background:#22c55e1a;border-left:3px solid #22c55e;color:#a7f3d0}.assessment.warning{background:#ffc1071a;border-left:3px solid #ffc107;color:#fde047}.problems-list{margin-top:30px}.problems-list h3{color:#f093fb;font-size:1.1rem;font-weight:700;margin-bottom:20px}.problem-item{background:#0003;border-left:3px solid #ff6b6b;border-radius:12px;padding:20px}.problem-header{flex-wrap:wrap;gap:15px;margin-bottom:12px}.problem-header h4{color:#ff6b6b;font-size:1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.severity-bar{background:#ff6b6b33;border-radius:3px;height:6px;width:120px}.severity-fill{background:linear-gradient(90deg,#ff6b6b,#f99);border-radius:3px}.problem-description{color:#a5b4fc;font-weight:300;line-height:1.5;margin:10px 0}.problem-impact{color:#a5b4fc;font-weight:300;margin:10px 0 0}.problem-impact strong{color:#f093fb;font-weight:600}.trends-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea26,#764ba226);border:1.5px solid #667eea4d;border-radius:20px;margin-bottom:40px;padding:40px}.trends-section h2{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:25px}.trends-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.trend-item{display:flex;flex-direction:column;gap:10px}.trend-item span{color:#a5b4fc;font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.trend-item strong{color:#f093fb;font-size:1.3rem;font-weight:700}.loading{background:#000000b3;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.spinner{border:4px solid #667eea4d;height:50px;width:50px}.alert{padding:20px}.alert-error{border-left:3px solid #ef4444}.empty-state{color:#a5b4fc;font-size:1.2rem;font-weight:300;position:relative;z-index:1}@media (max-width:768px){.single-analysis{padding:30px 15px}.page-header h1{font-size:1.8rem}.page-header p{font-size:1rem}.search-container{grid-template-columns:1fr}.sector-select{width:100%}.company-header{padding:25px}.company-header h2{font-size:1.5rem}.company-meta{flex-direction:column;gap:10px}.metrics-grid{gap:15px}.metric-card{padding:20px 15px}.metric-value{font-size:1.8rem}.assessment-section,.trends-section{padding:25px}}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.assessment-section{margin-bottom:40px}.assessment,.assessment-section h2{margin-bottom:20px}.assessment{background:#d1ecf1;border-left:4px solid #0c5460;border-radius:8px;color:#0c5460;padding:20px}.assessment.healthy{background:#d4edda;border-left-color:#155724;color:#155724}.assessment.warning{background:#fff3cd;border-left-color:#856404;color:#856404}.problems-list h3{color:#333;margin-bottom:15px;margin-top:20px}.problem-item{background:#fff5f5;border-left:4px solid #ff6b6b;border-radius:8px;margin-bottom:15px;padding:15px}.problem-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.problem-header h4{color:#c92a2a;margin:0}.severity-bar{background:#ffe0e0;border-radius:4px;height:8px;overflow:hidden;width:150px}.severity-fill{background:linear-gradient(90deg,#ff6b6b,#c92a2a);height:100%;transition:width .3s ease}.problem-description{color:#333;font-size:.95rem;margin:8px 0}.problem-impact{color:#666;font-size:.9rem;margin:0}.trends-section h2{margin-bottom:20px}.trends-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.trend-item{background:linear-gradient(135deg,#f5f7ff,#f0e6ff);border-left:3px solid #667eea;border-radius:8px;padding:15px}.trend-item span{color:#666;display:block;font-size:.9rem;margin-bottom:8px}.trend-item strong{color:#333;font-size:1.25rem}.empty-state{color:#999;font-size:1.25rem;padding:60px 20px;text-align:center}@media screen and (max-width:768px){.page-header h1{font-size:1.8rem}.search-row{flex-direction:column}.sector-select{width:100%}.company-meta{flex-direction:column;gap:10px}.metrics-grid{grid-template-columns:1fr 1fr}.trends-grid{grid-template-columns:1fr}}.comparison{background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);color:#fff;min-height:100vh;padding:60px 20px;position:relative}.comparison:before{background:radial-gradient(circle at 20% 50%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#764ba21a 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.page-header{animation:fadeInDown .6s ease;margin-bottom:60px;position:relative;text-align:center;z-index:1}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,6vw,3.5rem);font-weight:800;margin-bottom:12px}.page-header p{color:#a5b4fc;font-size:1.1rem;font-weight:300}.selection-section{margin:0 auto 50px;max-width:1000px;position:relative;z-index:1}.selection-section h2{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:30px}.company-selection{grid-gap:20px;align-items:flex-start;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;margin-bottom:20px}.company-selector{display:flex;flex-direction:column;gap:10px}.company-selector label{color:#a5b4fc;font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.selected-company{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea26,#764ba226);border:1.5px solid #667eea66;border-radius:12px;color:#fff;display:flex;justify-content:space-between;min-height:60px;padding:16px}.company-info{flex:1 1}.company-name{color:#fff;font-size:1rem;font-weight:700;margin:0}.company-code{color:#a5b4fc;font-size:.8rem;font-weight:500;letter-spacing:1px;margin:6px 0 0;text-transform:uppercase}.btn-clear{align-items:center;background:#ff6b6b33;border:1px solid #ff6b6b66;border-radius:50%;color:#ff6b6b;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.btn-clear:hover{background:#ff6b6b4d;border-color:#ff6b6b99;transform:scale(1.1)}.vs-divider{align-items:flex-end;color:#f093fb;font-size:1.2rem;font-weight:800;height:80px;letter-spacing:2px;padding-bottom:12px;text-transform:uppercase}.controls,.vs-divider{display:flex;justify-content:center}.controls{flex-wrap:wrap;gap:15px}.sector-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea1a;border:1.5px solid #667eea66;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 16px;transition:all .3s ease}.sector-select:hover{background:#667eea26;border-color:#667eea99}.sector-select:focus{background:#667eea33;border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.sector-select option{background:#302b63;color:#fff}.comparison-results{animation:fadeIn .6s ease;margin:0 auto;max-width:1000px;position:relative;z-index:1}.metrics-comparison{margin-bottom:40px}.metrics-comparison h2{color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:25px}.comparison-table{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea26,#764ba226);border:1.5px solid #667eea4d;border-radius:16px;box-shadow:0 15px 40px #667eea1a;overflow:hidden}.comparison-row{align-items:center;border-bottom:1px solid #a5b4fc26;color:#e0e7ff;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:20px}.comparison-row.header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;color:#fff;font-weight:600;padding:16px 20px}.comparison-row.highlight{background:linear-gradient(135deg,#f5f7ff,#f0e6ff);border-bottom:none;border-left:4px solid #667eea;font-weight:500}.metric-name{color:#e0e7ff;font-weight:500}.company-col{color:#f8fafc;text-align:center}.difference-col{color:#f0abfc;font-weight:600;text-align:center}.assessment-comparison{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.assessment-box{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 4px 6px #00000012;padding:20px}.assessment-box h3{color:#333;font-size:1.1rem;margin-bottom:12px}.assessment-box p{color:#666;line-height:1.6;margin:0}.insights{margin-bottom:40px}.insights h2{color:#fff;margin-bottom:20px}.insights-list{list-style:none;margin:0;padding:0}.insights-list li{background:linear-gradient(135deg,#fff9e6,#fffbf0);border-left:4px solid #ffc107;border-radius:6px;color:#856404;line-height:1.6;margin-bottom:10px;padding:12px}.insights-list li:last-child{margin-bottom:0}.comparison-benchmark-note{background:#0f172a59;border:1px solid #a5b4fc38;border-radius:10px;color:#dbeafe;line-height:1.6;margin-bottom:40px;padding:14px 16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:1024px){.company-selection{grid-template-columns:1fr}.vs-divider{display:none}.comparison-row{grid-template-columns:1.5fr 1fr 1fr 1fr}}@media screen and (max-width:768px){.page-header h1{font-size:1.8rem}.comparison-row{gap:10px;grid-template-columns:1fr;padding:15px;text-align:left}.comparison-row.header{display:none}.company-col,.difference-col,.metric-name{text-align:left}.metric-name:before{color:#667eea;content:attr(data-label);display:block;font-size:.85rem;font-weight:600;margin-bottom:4px}.assessment-comparison{grid-template-columns:1fr}}.App{min-height:100vh;position:relative}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f0c29f2,#302b63f2);border-bottom:1px solid #667eea33;padding:16px 0;position:sticky;top:0;z-index:1000}nav .nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}nav a{border-radius:8px;color:#e0e7ff;font-size:.95rem;font-weight:500;padding:12px 20px;text-decoration:none;transition:all .3s ease}nav a:hover{background:#667eea26;color:#fff;transform:translateY(-2px)}nav a.active{background:#667eea1a;color:#667eea}nav h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:800}.container{margin:0 auto;max-width:1200px;padding:0 20px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:16px;padding:24px;transition:all .3s ease}.card:hover{border-color:#667eea66;box-shadow:0 12px 24px #667eea1a}.btn{border:none;border-radius:10px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 20px #667eea4d;color:#fff}.btn-primary:hover{box-shadow:0 12px 30px #667eea66;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#667eea26;border:1.5px solid #667eea4d;color:#a5b4fc}.btn-secondary:hover{background:#667eea40;border-color:#667eea80;transform:translateY(-2px)}.alert{border-left:3px solid;border-radius:12px;font-weight:500;padding:16px 20px}.alert-success{background:#22c55e1a;border-color:#22c55e;color:#a7f3d0}.alert-error{background:#ef44441a;border-color:#ef4444;color:#fca5a5}.alert-warning{background:#ffc1071a;border-color:#ffc107;color:#fde047}.alert-info{background:#3b82f61a;border-color:#3b82f6;color:#93c5fd}.spinner{border:3px solid #667eea4d;margin:20px auto}input,select,textarea{background:#667eea1a;border:1.5px solid #667eea4d;border-radius:10px;color:#fff;padding:12px 16px;transition:all .3s ease}input::placeholder,textarea::placeholder{color:#a5b4fc99}input:focus,select:focus,textarea:focus{background:#667eea26;border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0}.input-group{display:flex;gap:12px;margin-bottom:20px}.input-group input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:1rem;padding:12px 16px;transition:border-color .3s ease}.input-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.grid-2{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.text-center{text-align:center}.loading{align-items:center;display:flex;justify-content:center;padding:40px}.spinner{animation:spin 1s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.metric-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:20px;text-align:center}.metric-label{font-size:.875rem;margin-bottom:8px;opacity:.9}.metric-value{font-size:2.5rem;font-weight:700}.metric-unit{font-size:.875rem;margin-top:4px;opacity:.9}.alert{border-radius:8px;margin-bottom:20px;padding:16px}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.alert-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}#root,body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-weight:600}button{cursor:pointer}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#667eea0d}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c8eef,#8660ac)}
/*# sourceMappingURL=main.88db9e74.css.map*/