:root{--color-navy-dark: #17223c;--color-navy-medium: #29265b;--color-red-accent: #d8484d;--color-grey-light: #f5f5f5;--color-white-tinted: #f9fafb;--color-white: #ffffff;--color-text-dark: #333333;--color-text-medium: #666666;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-kpi-value: clamp(2rem, 4vw + 1rem, 3rem);--font-size-hero-title: clamp(1.5rem, 3vw + .5rem, 2.5rem);--font-size-section-title: clamp(1.2rem, 2vw + .5rem, 1.75rem);--font-size-body: clamp(.95rem, 1vw + .5rem, 1.1rem);--font-size-small: clamp(.85rem, .5vw + .5rem, .95rem);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--shadow-card: 0 2px 8px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .04);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .12), 0 8px 24px rgba(0, 0, 0, .06);--radius-sm: 4px;--radius-md: 8px;--transition-fast: .15s ease;--transition-base: .2s ease}html{scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;font-family:var(--font-primary);background-color:var(--color-grey-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::view-transition-old(root),::view-transition-new(root){animation-duration:.5s;animation-timing-function:ease-in-out}::view-transition-old(root){animation-name:fade-out}::view-transition-new(root){animation-name:fade-in}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:.01s}}.login-container{min-height:100vh;background-color:var(--color-navy-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);position:relative;overflow:hidden}.login-logo{max-width:180px;width:100%;margin-bottom:var(--space-lg);display:block;position:relative;z-index:1}.login-welcome{color:var(--color-grey-light);font-size:var(--font-size-body);margin-bottom:var(--space-md);font-weight:var(--font-weight-regular);text-align:center;position:relative;z-index:1}.login-form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:var(--space-sm);position:relative;z-index:1}.login-input{padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--color-navy-medium);background-color:#1e2a45;color:var(--color-white);font-size:var(--font-size-body);font-family:inherit;transition:border-color var(--transition-fast)}.login-input::placeholder{color:var(--color-text-medium)}.login-input:focus{outline:none;border-color:var(--color-red-accent)}.login-button{background-color:var(--color-red-accent);color:var(--color-white);padding:12px;border-radius:var(--radius-sm);font-size:var(--font-size-body);cursor:pointer;border:none;font-weight:var(--font-weight-semibold);font-family:inherit;transition:background-color var(--transition-fast)}.login-button:hover:not(:disabled){background-color:#c13940}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-error{background-color:#d8484d26;border-left:3px solid var(--color-red-accent);color:var(--color-red-accent);padding:10px 14px;font-size:var(--font-size-small);margin-top:var(--space-xs)}.page-container{min-height:100vh;display:flex;flex-direction:column}.page-main{flex:1;background-color:var(--color-grey-light);padding:var(--space-lg)}.report-content{max-width:900px;margin:0 auto}.hero-section{background-color:var(--color-navy-dark);padding:var(--space-xl) var(--space-lg);text-align:center;position:relative;overflow:hidden}.hero-logo{display:block;max-width:140px;height:auto;margin:0 auto var(--space-lg);position:relative;z-index:1;opacity:0}.hero-title{color:var(--color-white);font-size:var(--font-size-hero-title);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm) 0;line-height:1.3;position:relative;z-index:1;opacity:0}.hero-subtitle{color:#fffc;font-size:var(--font-size-body);margin:0;position:relative;z-index:1;opacity:0}.report-section{background-color:var(--color-white-tinted);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base);opacity:0;transform:translateY(50px)}.section-title{color:var(--color-navy-dark);font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md) 0;padding-left:var(--space-sm);border-left:3px solid var(--color-red-accent);line-height:1.3;display:flex;align-items:center;gap:.5em}.section-icon{display:inline-flex;flex-shrink:0;width:1.2em;height:1.2em;color:var(--color-red-accent)}.section-icon svg{width:100%;height:100%}.section-list{list-style:none;padding:0;margin:0}.section-list li{color:var(--color-text-dark);font-size:var(--font-size-body);line-height:1.7;margin-bottom:var(--space-sm);padding-left:var(--space-md);position:relative}.section-list li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;background-color:var(--color-navy-dark);border-radius:var(--radius-sm)}.section-paragraph{color:var(--color-text-dark);font-size:var(--font-size-body);line-height:1.7;margin:0}.kpi-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}.kpi-card{background-color:var(--color-white);border:1px solid rgba(23,34,60,.1);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-md);text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.kpi-value{color:var(--color-navy-dark);font-size:var(--font-size-kpi-value);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--space-xs)}.kpi-suffix{color:var(--color-navy-dark);font-size:calc(var(--font-size-kpi-value) * .7);font-weight:var(--font-weight-bold);margin-left:.2em}.kpi-label{color:var(--color-text-medium);font-size:var(--font-size-small);line-height:1.4;margin-top:var(--space-xs)}.needs-grid{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.need-card{background-color:var(--color-white);border:1px solid rgba(23,34,60,.1);border-left:3px solid var(--color-red-accent);border-radius:var(--radius-sm);padding:var(--space-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.need-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.need-label{color:var(--color-navy-dark);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-xs) 0}.need-detail{color:var(--color-text-dark);font-size:var(--font-size-small);line-height:1.6;margin:0}.video-grid{display:flex;flex-direction:column;gap:var(--space-lg);margin-top:var(--space-md)}.video-card{background-color:var(--color-white);border:1px solid rgba(23,34,60,.1);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow var(--transition-fast)}.video-card:hover{box-shadow:var(--shadow-card-hover)}.video-player{display:block;width:100%;height:auto;background-color:#000}.video-label{color:var(--color-navy-dark);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);text-align:center;padding:var(--space-sm) var(--space-md);margin:0}.thank-you{background-color:var(--color-white-tinted);border-radius:var(--radius-md);padding:var(--space-xl) var(--space-lg);margin-top:var(--space-lg);box-shadow:var(--shadow-card);text-align:center;opacity:0;transform:translateY(50px)}.thank-you-logo{display:block;max-width:80px;height:auto;margin:0 auto var(--space-md);opacity:0}.thank-you-title{color:var(--color-navy-dark);font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-md) 0}.thank-you-message{color:var(--color-text-dark);font-size:var(--font-size-body);line-height:1.8;max-width:600px;margin:0 auto var(--space-md)}.thank-you-signature{color:var(--color-navy-dark);font-weight:var(--font-weight-semibold);font-size:var(--font-size-body);margin:0}.page-footer{background-color:var(--color-navy-dark);padding:var(--space-lg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.footer-copyright{color:var(--color-white);font-size:var(--font-size-small);margin:0}.footer-logout-btn{background-color:var(--color-red-accent);color:var(--color-white);border:none;border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.footer-logout-btn:hover{background-color:#c23d42;transform:translateY(-1px)}.footer-logout-btn:active{transform:translateY(0)}@media(min-width:768px){.page-main{padding:var(--space-xl)}.hero-section{padding:4rem var(--space-xl)}.hero-logo{max-width:160px;margin-bottom:var(--space-xl)}.report-section{padding:var(--space-xl)}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.thank-you,.page-footer{padding:var(--space-xl)}}@media(min-width:1200px){.hero-section{padding:5rem var(--space-xl)}.hero-logo{max-width:180px}.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){.hero-logo,.hero-title,.hero-subtitle,.report-section,.thank-you{opacity:1!important;transform:none!important}}