@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--color-white:#fff;--color-blue-energy:#1cb0f6;--color-blue-dark:#0e8ec5;--color-wisteria:#9b59f5;--color-periwinkle:#c8eeff;--color-lavender:#f0f4ff;--color-orange:#ff9600;--color-orange-light:#fff4e0;--color-orange-hover:#e08500;--color-green:#58cc02;--color-green-light:#e5f9d0;--color-green-dark:#46a302;--color-red:#ff4b4b;--color-red-light:#ffe5e5;--color-purple:#9b59f5;--color-purple-light:#f0e8ff;--color-yellow:#ffd900;--color-yellow-light:#fffbe0;--color-dark-navy:#1a2e4a;--color-dark-surface:#1a2e4a;--color-dark-card:#253d5e;--color-midnight:#0d1f35;--color-success:#58cc02;--color-warning:#ffd900;--color-error:#ff4b4b;--color-info:#1cb0f6;--color-blue-50:#e8f8ff;--color-blue-100:#c8eeff;--color-blue-200:#90d9ff;--color-blue-300:#50c4ff;--color-blue-400:#1cb0f6;--color-blue-500:#0e8ec5;--color-blue-600:#0a6d99;--color-blue-700:#064d6e;--color-blue-800:#033547;--color-gray-50:#f7f9fc;--color-gray-100:#eef2f7;--color-gray-200:#dde3ed;--color-gray-300:#c4cedf;--color-gray-400:#9aaabf;--color-gray-500:#6b7e99;--color-gray-600:#4a5d78;--color-gray-700:#2e3f58;--color-gray-800:#1a2a40;--color-gray-900:#0d1829;--font-sans:"Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-sm:0 2px 4px #1a2e4a12;--shadow-md:0 4px 12px #1a2e4a1a;--shadow-lg:0 8px 24px #1a2e4a1f;--shadow-xl:0 16px 40px #1a2e4a26;--shadow-2xl:0 24px 60px #1a2e4a33;--shadow-glow:0 0 20px #1cb0f666;--shadow-glow-green:0 0 20px #58cc0266;--shadow-glow-orange:0 0 20px #ff960066;--shadow-card:0 4px 0 0 #1a2e4a26;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--transition-bounce:.4s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500;--sidebar-width:280px;--navbar-height:72px;--max-width:1280px;--max-width-narrow:960px}[dir=rtl] .main-with-sidebar{margin-left:0;margin-right:var(--sidebar-width)}[dir=rtl] .sidebar{border-right:none;border-left:3px solid var(--color-dark-card);left:auto;right:0}[dir=rtl] .sidebar-link{flex-direction:row-reverse}[dir=rtl] .sidebar-section-title{text-align:right}[dir=rtl] .navbar-inner,[dir=rtl] .navbar-links,[dir=rtl] .navbar-actions{flex-direction:row-reverse}[dir=rtl] .dropdown-menu{left:0;right:auto}[dir=rtl] .dropdown-item{text-align:right;flex-direction:row-reverse}[dir=rtl] .toast-container{right:auto;left:var(--space-6)}[dir=rtl] .form-select{background-position:left var(--space-4) center;padding-right:var(--space-4);padding-left:var(--space-10)}[dir=rtl] .table th,[dir=rtl] .table td,[dir=rtl] .main-with-sidebar .form-group,[dir=rtl] .main-with-sidebar .form-label,[dir=rtl] .main-with-sidebar .form-error{text-align:right}[dir=rtl] .hero-section,[dir=rtl] .hero-content,[dir=rtl] .hero-title,[dir=rtl] .hero-description,[dir=rtl] .hero-actions,[dir=rtl] .hero-stats,[dir=rtl] .section,[dir=rtl] .section-header,[dir=rtl] .section-title,[dir=rtl] .section-description,[dir=rtl] .container,[dir=rtl] .cta-section{text-align:left;direction:ltr}@media (max-width:1024px){[dir=rtl] .sidebar{left:auto;right:0;transform:translate(100%)}[dir=rtl] .sidebar.open{transform:translate(0)}[dir=rtl] .main-with-sidebar{margin-right:0}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-dark-navy);background-color:#fff;min-height:100vh}a{color:var(--color-blue-energy);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-blue-dark)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.container-narrow{max-width:var(--max-width-narrow);padding:0 var(--space-6);margin:0 auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-gradient{background:linear-gradient(135deg, var(--color-blue-energy) 0%, var(--color-wisteria) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-hero{background:linear-gradient(135deg, var(--color-dark-navy) 0%, var(--color-blue-energy) 55%, var(--color-wisteria) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-extrabold);letter-spacing:.03em;line-height:var(--leading-tight);border-radius:var(--radius-lg);transition:all var(--transition-bounce);white-space:nowrap;-webkit-user-select:none;user-select:none;text-transform:uppercase;border:2px solid #0000;display:inline-flex;position:relative}.btn:active{transform:translateY(2px)scale(.98)}.btn-primary{background:var(--color-green);color:#fff;border-color:var(--color-green-dark);box-shadow:0 4px 0 var(--color-green-dark)}.btn-primary:hover{box-shadow:0 6px 0 var(--color-green-dark);background:#64d904;transform:translateY(-2px)}.btn-primary:active{box-shadow:0 0px 0 var(--color-green-dark);transform:translateY(4px)}.btn-secondary{background:var(--color-blue-50);color:var(--color-dark-navy);border-color:var(--color-blue-200);box-shadow:0 4px 0 var(--color-blue-200)}.btn-secondary:hover{background:var(--color-blue-100);box-shadow:0 6px 0 var(--color-blue-200);transform:translateY(-2px)}.btn-secondary:active{box-shadow:0 0px 0 var(--color-blue-200);transform:translateY(4px)}.btn-outline{color:var(--color-blue-energy);border-color:var(--color-blue-energy);box-shadow:0 4px 0 var(--color-blue-dark);background:#fff}.btn-outline:hover{background:var(--color-blue-50);box-shadow:0 6px 0 var(--color-blue-dark);transform:translateY(-2px)}.btn-outline:active{box-shadow:0 0px 0 var(--color-blue-dark);transform:translateY(4px)}.btn-ghost{color:var(--color-gray-600);border-color:var(--color-gray-200);box-shadow:0 4px 0 var(--color-gray-200);background:0 0}.btn-ghost:hover{background:var(--color-gray-100);color:var(--color-dark-navy);box-shadow:0 6px 0 var(--color-gray-200);transform:translateY(-2px)}.btn-ghost:active{box-shadow:0 0px 0 var(--color-gray-200);transform:translateY(4px)}.btn-danger{background:var(--color-red);color:#fff;border-color:#cc3a3a;box-shadow:0 4px #cc3a3a}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px #cc3a3a}.btn-success{background:var(--color-green);color:#fff;border-color:var(--color-green-dark);box-shadow:0 4px 0 var(--color-green-dark)}.btn-success:hover{box-shadow:0 6px 0 var(--color-green-dark);transform:translateY(-2px)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-4) var(--space-10);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md);text-transform:none;box-shadow:none;border:none}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.card{border-radius:var(--radius-xl);border:2px solid var(--color-gray-200);transition:all var(--transition-base);box-shadow:var(--shadow-card);background:#fff;overflow:hidden}.card:hover{border-color:var(--color-blue-200);transform:translateY(-2px);box-shadow:0 8px #1a2e4a1f}.card.no-hover{box-shadow:var(--shadow-card)!important;transform:none!important}.card-glass{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);background:#ffffffbf;border:2px solid #ffffff80}.card-elevated{border-radius:var(--radius-xl);border:2px solid var(--color-gray-100);background:#fff;box-shadow:0 8px #1a2e4a14}.card-body{padding:var(--space-6)}.card-header{padding:var(--space-6) var(--space-6) 0}.card-footer{padding:0 var(--space-6) var(--space-6)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--font-extrabold);color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.04em}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-dark-navy);background:var(--color-white);border:2.5px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:0 3px 0 var(--color-gray-200);outline:none}.form-input:focus{border-color:var(--color-blue-energy);box-shadow:0 3px 0 var(--color-blue-dark), 0 0 0 3px #1cb0f626}.form-input::placeholder{color:var(--color-gray-400);font-weight:var(--font-normal)}.form-input-error{border-color:var(--color-red);box-shadow:0 3px #cc3a3a}.form-input-error:focus{box-shadow:0 3px #cc3a3a,0 0 0 3px #ff4b4b26}.form-error{font-size:var(--text-sm);color:var(--color-red);font-weight:700}.form-textarea{resize:vertical;min-height:100px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 12 12'%3E%3Cpath fill='%234A5D78' d='M6 8.825a.5.5 0 0 1-.354-.146l-3.5-3.5a.5.5 0 0 1 .708-.708L6 7.618l3.146-3.147a.5.5 0 0 1 .708.708l-3.5 3.5A.5.5 0 0 1 6 8.825z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}.badge{align-items:center;gap:var(--space-1);padding:3px var(--space-3);font-size:var(--text-xs);font-weight:var(--font-extrabold);border-radius:var(--radius-full);line-height:var(--leading-tight);text-transform:uppercase;letter-spacing:.04em;border:2px solid #0000;display:inline-flex}.badge-primary{background:var(--color-blue-50);color:var(--color-blue-dark);border-color:var(--color-blue-200)}.badge-success{background:var(--color-green-light);color:var(--color-green-dark);border-color:#b8e87c}.badge-warning{background:var(--color-yellow-light);color:#a87c00;border-color:#ffe566}.badge-error{background:var(--color-red-light);color:#cc3a3a;border-color:#ffb3b3}.badge-neutral{background:var(--color-gray-100);color:var(--color-gray-600);border-color:var(--color-gray-200)}.progress-bar{background:var(--color-gray-200);border-radius:var(--radius-full);border:2px solid var(--color-gray-300);width:100%;height:12px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-green), #7fe800);height:100%;transition:width var(--transition-slow);position:relative}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:var(--z-modal-backdrop);padding:var(--space-6);animation:fadeIn var(--transition-fast) ease-out;background:#0d193599;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);border:3px solid var(--color-gray-100);width:100%;max-width:560px;max-height:90vh;z-index:var(--z-modal);animation:popIn var(--transition-spring) ease-out;background:#fff;overflow-y:auto}.modal-header{padding:var(--space-6);border-bottom:2px solid var(--color-gray-100);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-6)}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:2px solid var(--color-gray-100);display:flex}.dropdown{display:inline-block;position:relative}.dropdown-menu{top:calc(100% + var(--space-2));border-radius:var(--radius-xl);min-width:200px;box-shadow:var(--shadow-xl);border:2px solid var(--color-gray-200);z-index:var(--z-dropdown);animation:slideDown var(--transition-fast) ease-out;background:#fff;position:absolute;right:0;overflow:hidden}.dropdown-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-700);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;display:flex}.dropdown-item:hover{background:var(--color-blue-50);color:var(--color-blue-energy)}.dropdown-divider{background:var(--color-gray-100);height:2px;margin:var(--space-1) 0}.navbar{height:var(--navbar-height);border-bottom:3px solid var(--color-gray-100);z-index:var(--z-sticky);box-shadow:0 3px 0 var(--color-gray-200);background:#fff;align-items:center;display:flex;position:sticky;top:0}.navbar-inner{width:100%;max-width:var(--max-width);padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-brand{align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-black);color:var(--color-dark-navy);letter-spacing:-.02em;display:flex}.navbar-brand img{width:auto;height:42px}.navbar-links{align-items:center;gap:var(--space-6);display:flex}.navbar-link{font-size:var(--text-sm);font-weight:var(--font-extrabold);color:var(--color-gray-500);transition:color var(--transition-fast);text-transform:uppercase;letter-spacing:.04em;position:relative}.navbar-link:hover,.navbar-link.active{color:var(--color-blue-energy)}.navbar-link.active:after{content:"";background:var(--color-blue-energy);border-radius:var(--radius-full);height:3px;position:absolute;bottom:-6px;left:0;right:0}.navbar-actions{align-items:center;gap:var(--space-3);display:flex}.navbar-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-blue-energy), var(--color-wisteria));color:#fff;width:38px;height:38px;font-weight:var(--font-black);font-size:var(--text-sm);cursor:pointer;border:3px solid var(--color-blue-200);transition:transform var(--transition-spring);justify-content:center;align-items:center;display:flex}.navbar-avatar:hover{transform:scale(1.1)rotate(-4deg)}.navbar-mobile-toggle{padding:var(--space-2);color:var(--color-gray-600);display:none}@media (max-width:768px){.navbar-links{display:none}.navbar-mobile-toggle{display:block}.navbar-links.open{top:var(--navbar-height);padding:var(--space-6);border-bottom:3px solid var(--color-gray-100);box-shadow:var(--shadow-lg);gap:var(--space-4);background:#fff;flex-direction:column;display:flex;position:absolute;left:0;right:0}}.sidebar-mobile-toggle,.sidebar-close-btn,.sidebar-backdrop{display:none}@media (max-width:1024px){.sidebar-mobile-toggle{border-radius:var(--radius-full);background:var(--color-blue-energy);color:#fff;border:3px solid var(--color-blue-dark);width:52px;height:52px;box-shadow:0 4px 0 var(--color-blue-dark);cursor:pointer;z-index:calc(var(--z-sticky) + 10);transition:all var(--transition-bounce);justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;left:24px}.sidebar-mobile-toggle:hover{box-shadow:0 7px 0 var(--color-blue-dark);transform:translateY(-3px)}.sidebar-mobile-toggle:active{box-shadow:0 1px 0 var(--color-blue-dark);transform:translateY(1px)}.sidebar-close-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);background:#ffffff1f;border:2px solid #fff3;justify-content:center;align-items:center;padding:4px;display:flex}.sidebar-close-btn:hover{background:#ffffff38}.sidebar-backdrop{z-index:calc(var(--z-modal-backdrop) - 1);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d19358c;display:block;position:fixed;inset:0}}.sidebar{top:var(--navbar-height);width:var(--sidebar-width);background:var(--color-dark-navy);color:#fff;z-index:var(--z-sticky);transition:transform var(--transition-base);border-right:3px solid var(--color-dark-card);position:fixed;bottom:0;left:0;overflow-y:auto}.sidebar-header{padding:var(--space-5) var(--space-6);border-bottom:2px solid #ffffff14}.sidebar-nav{padding:var(--space-4)}.sidebar-section{margin-bottom:var(--space-6)}.sidebar-section-title{font-size:var(--text-xs);font-weight:var(--font-extrabold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.07em;padding:0 var(--space-3);margin-bottom:var(--space-2)}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-extrabold);color:#fff9;transition:all var(--transition-fast);margin-bottom:4px;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff14}.sidebar-link.active{background:var(--color-blue-energy);color:#fff;box-shadow:0 3px 0 var(--color-blue-dark)}.sidebar-link-icon{flex-shrink:0;width:20px;height:20px}.main-with-sidebar{margin-left:var(--sidebar-width);min-height:calc(100vh - var(--navbar-height));padding:var(--space-8)}@media (max-width:1024px){.sidebar{z-index:var(--z-modal-backdrop);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-with-sidebar{margin-left:0}}.footer{background:var(--color-dark-navy);color:var(--color-gray-300);padding:var(--space-16) 0 var(--space-8);border-top:4px solid var(--color-blue-energy)}.footer-grid{gap:var(--space-10);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand{gap:var(--space-4);flex-direction:column;display:flex}.footer-brand-logo{align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-black);color:#fff;display:flex}.footer-brand-logo img{height:36px}.footer-description{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-gray-400)}.footer-heading{font-size:var(--text-xs);font-weight:var(--font-extrabold);color:#fff;text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-4)}.footer-links{gap:var(--space-3);flex-direction:column;display:flex}.footer-link{font-size:var(--text-sm);color:var(--color-gray-400);transition:color var(--transition-fast);font-weight:600}.footer-link:hover{color:var(--color-blue-energy)}.footer-bottom{margin-top:var(--space-12);padding-top:var(--space-8);font-size:var(--text-sm);color:var(--color-gray-500);border-top:2px solid #ffffff12;justify-content:space-between;align-items:center;display:flex}.footer-socials{gap:var(--space-4);display:flex}.footer-social-link{border-radius:var(--radius-full);width:38px;height:38px;color:var(--color-gray-400);transition:all var(--transition-fast);background:#ffffff12;border:2px solid #ffffff1a;justify-content:center;align-items:center;display:flex}.footer-social-link:hover{background:var(--color-blue-energy);border-color:var(--color-blue-dark);color:#fff}@media (max-width:768px){.footer-grid{gap:var(--space-8);grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{gap:var(--space-4);text-align:center;flex-direction:column}}.stats-card{border-radius:var(--radius-xl);padding:var(--space-6);border:2px solid var(--color-gray-200);align-items:flex-start;gap:var(--space-4);transition:all var(--transition-base);box-shadow:var(--shadow-card);background:#fff;display:flex}.stats-card:hover{border-color:var(--color-blue-200);transform:translateY(-2px);box-shadow:0 6px #1a2e4a1a}.stats-card-icon{border-radius:var(--radius-lg);border:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stats-card-icon.blue{background:var(--color-blue-50);color:var(--color-blue-energy);border-color:var(--color-blue-200)}.stats-card-icon.green{background:var(--color-green-light);color:var(--color-green-dark);border-color:#b8e87c}.stats-card-icon.purple{background:var(--color-purple-light);color:var(--color-purple);border-color:#d5b8ff}.stats-card-icon.amber{background:var(--color-yellow-light);color:#a87c00;border-color:#ffe566}.stats-card-value{font-size:var(--text-3xl);font-weight:var(--font-black);color:var(--color-dark-navy);line-height:var(--leading-tight)}.stats-card-label{font-size:var(--text-sm);font-weight:var(--font-extrabold);color:var(--color-gray-500);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:.03em}.stats-card-trend{font-size:var(--text-xs);font-weight:var(--font-extrabold);margin-top:var(--space-2);align-items:center;gap:var(--space-1);display:flex}.stats-card-trend.up{color:var(--color-green)}.stats-card-trend.down{color:var(--color-red)}.table-wrapper{border-radius:var(--radius-xl);border:2px solid var(--color-gray-200);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--font-extrabold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.06em;background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.table td{padding:var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-700);border-bottom:2px solid var(--color-gray-100)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-blue-50)}.empty-state{padding:var(--space-16) var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{border-radius:var(--radius-full);background:var(--color-blue-50);border:3px solid var(--color-blue-200);width:88px;height:88px;color:var(--color-blue-energy);margin-bottom:var(--space-6);justify-content:center;align-items:center;font-size:2.5rem;animation:3s ease-in-out infinite float;display:flex}.empty-state-title{font-size:var(--text-xl);font-weight:var(--font-black);color:var(--color-dark-navy);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-500);max-width:400px;margin-bottom:var(--space-6)}.toast-container{top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:2px solid var(--color-blue-200);border-left:6px solid var(--color-blue-energy);min-width:300px;animation:slideInRight var(--transition-base) ease-out;background:#fff;display:flex}.toast.success{border-color:#b8e87c;border-left-color:var(--color-green)}.toast.error{border-color:#ffb3b3;border-left-color:var(--color-red)}.toast.warning{border-color:#ffe566;border-left-color:var(--color-yellow)}.toast-message{font-size:var(--text-sm);font-weight:var(--font-extrabold);color:var(--color-dark-navy)}.toast-close{color:var(--color-gray-400);cursor:pointer;padding:var(--space-1);margin-left:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(32px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes pulse-ring{0%{opacity:1;transform:scale(.95)}to{opacity:0;transform:scale(1.3)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.08)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease-out}.animate-fadeInUp{animation:.6s ease-out fadeInUp}.animate-slideUp{animation:slideUp var(--transition-base) ease-out}.animate-scaleIn{animation:scaleIn var(--transition-spring) ease-out}.animate-float{animation:3s ease-in-out infinite float}.animate-spin{animation:1s linear infinite spin}.animate-wiggle{animation:.5s ease-in-out wiggle}.animate-bounce-in{animation:.6s cubic-bezier(.34,1.56,.64,1) bounce-in}.animate-stagger>*{opacity:0;animation:.5s ease-out forwards fadeInUp}.animate-stagger>:first-child{animation-delay:50ms}.animate-stagger>:nth-child(2){animation-delay:.12s}.animate-stagger>:nth-child(3){animation-delay:.19s}.animate-stagger>:nth-child(4){animation-delay:.26s}.animate-stagger>:nth-child(5){animation-delay:.33s}.animate-stagger>:nth-child(6){animation-delay:.4s}.hero-section{padding:var(--space-24) 0 var(--space-20);border-bottom:4px solid var(--color-blue-200);background:linear-gradient(160deg,#e8f8ff 0%,#d4f0ff 40%,#ede8ff 100%);position:relative;overflow:hidden}.hero-bg-orb{filter:blur(70px);border-radius:50%;animation:7s ease-in-out infinite float;position:absolute}.hero-bg-orb-1{background:var(--color-orange);opacity:.12;width:520px;height:520px;top:-180px;right:-160px}.hero-bg-orb-2{background:var(--color-blue-energy);opacity:.15;width:380px;height:380px;animation-delay:2.5s;bottom:-100px;left:-100px}.hero-content{z-index:1;max-width:700px;position:relative}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--color-green-light);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-extrabold);color:var(--color-green-dark);margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:.04em;border:2px solid #b8e87c;animation:.7s cubic-bezier(.34,1.56,.64,1) bounce-in;display:inline-flex}.hero-title{font-size:clamp(var(--text-4xl), 5vw, var(--text-6xl));font-weight:var(--font-black);line-height:var(--leading-tight);color:var(--color-dark-navy);margin-bottom:var(--space-6);letter-spacing:-.03em}.hero-description{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-gray-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:560px}.hero-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.hero-stats{gap:var(--space-10);margin-top:var(--space-12);display:flex}.hero-stat{text-align:center}.hero-stat-value{font-size:var(--text-3xl);font-weight:var(--font-black);color:var(--color-dark-navy)}.hero-stat-label{font-size:var(--text-sm);font-weight:var(--font-extrabold);color:var(--color-gray-500);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:.04em}.hero-image{width:45%;max-width:600px;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media (max-width:1024px){.hero-image{display:none}.hero-content{text-align:center;max-width:100%}.hero-description{max-width:100%}.hero-actions,.hero-stats{justify-content:center}}.section{padding:var(--space-20) 0}.section-header{text-align:center;max-width:620px;margin:0 auto var(--space-12)}.section-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--color-orange-light);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-extrabold);color:var(--color-orange-hover);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-4);border:2px solid #ffcd80;display:inline-flex}.section-title{font-size:var(--text-4xl);font-weight:var(--font-black);color:var(--color-dark-navy);margin-bottom:var(--space-4);line-height:var(--leading-tight);letter-spacing:-.02em}.section-description{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-gray-500);line-height:var(--leading-relaxed)}.steps-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid;position:relative}.steps-grid:before{content:"";background:linear-gradient(90deg, var(--color-blue-200), var(--color-blue-energy), var(--color-blue-200));border-radius:var(--radius-full);height:3px;position:absolute;top:55px;left:22%;right:22%}.step-card{text-align:center;z-index:1;padding:var(--space-6);border-radius:var(--radius-2xl);border:2px solid var(--color-gray-200);box-shadow:var(--shadow-card);transition:all var(--transition-bounce);background:#fff;position:relative}.step-card:hover{border-color:var(--color-blue-energy);transform:translateY(-6px);box-shadow:0 10px #1a2e4a1a}.step-number{border-radius:var(--radius-full);background:var(--color-orange);border:3px solid var(--color-orange-hover);width:72px;height:72px;box-shadow:0 5px 0 var(--color-orange-hover);font-size:var(--text-2xl);font-weight:var(--font-black);color:#fff;margin:0 auto var(--space-6);justify-content:center;align-items:center;display:flex}.step-title{font-size:var(--text-xl);font-weight:var(--font-black);color:var(--color-dark-navy);margin-bottom:var(--space-3)}.step-description{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-500);line-height:var(--leading-relaxed)}@media (max-width:768px){.steps-grid{gap:var(--space-6);grid-template-columns:1fr}.steps-grid:before{display:none}}.courses-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.course-card{border-radius:var(--radius-2xl);border:3px solid var(--color-gray-200);transition:all var(--transition-bounce);box-shadow:0 5px 0 var(--color-gray-300);background:#fff;flex-direction:column;display:flex;overflow:hidden}.course-card:hover{box-shadow:0 10px 0 var(--color-blue-200);border-color:var(--color-blue-energy);transform:translateY(-6px)}.course-card-thumbnail{background:linear-gradient(135deg, var(--color-blue-50), var(--color-lavender));width:100%;height:200px;position:relative;overflow:hidden}.course-card-thumbnail img{object-fit:cover;width:100%;height:100%}.course-card-level{top:var(--space-3);right:var(--space-3);position:absolute}.course-card-body{padding:var(--space-5);flex-direction:column;flex:1;display:flex}.course-card-category{font-size:var(--text-xs);font-weight:var(--font-extrabold);color:var(--color-blue-energy);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.course-card-title{font-size:var(--text-lg);font-weight:var(--font-black);color:var(--color-dark-navy);margin-bottom:var(--space-2);line-height:var(--leading-snug)}.course-card-description{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-500);line-height:var(--leading-relaxed);margin-bottom:var(--space-4);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.course-card-meta{padding-top:var(--space-4);border-top:2px solid var(--color-gray-100);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-500);justify-content:space-between;align-items:center;display:flex}.course-card-meta-item{align-items:center;gap:var(--space-1);display:flex}.testimonials-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.testimonial-card{border-radius:var(--radius-xl);padding:var(--space-8);border:2px solid var(--color-gray-200);transition:all var(--transition-base);box-shadow:var(--shadow-card);background:#fff;position:relative}.testimonial-card:hover{border-color:var(--color-blue-200);transform:translateY(-3px);box-shadow:0 8px #1a2e4a1a}.testimonial-card:before{content:"\"";top:var(--space-3);right:var(--space-6);color:var(--color-blue-50);font-family:Georgia,serif;font-size:5rem;line-height:1;position:absolute}.testimonial-text{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-gray-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);font-style:italic}.testimonial-author{align-items:center;gap:var(--space-3);display:flex}.testimonial-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-blue-energy), var(--color-wisteria));border:3px solid var(--color-blue-200);color:#fff;width:46px;height:46px;font-weight:var(--font-black);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.testimonial-author-name{font-size:var(--text-sm);font-weight:var(--font-extrabold);color:var(--color-dark-navy)}.testimonial-author-role{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:600}.auth-page{background:linear-gradient(160deg, var(--color-blue-50) 0%, #e4eeff 50%, #eae4ff 100%);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.auth-card{border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);border:3px solid var(--color-gray-100);padding:var(--space-10);background:#fff;width:100%;max-width:460px;animation:.5s cubic-bezier(.34,1.56,.64,1) popIn}.auth-logo{margin-bottom:var(--space-8);justify-content:center;display:flex}.auth-logo img{height:56px}.auth-title{font-size:var(--text-2xl);font-weight:var(--font-black);color:var(--color-dark-navy);text-align:center;margin-bottom:var(--space-2)}.auth-subtitle{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-500);text-align:center;margin-bottom:var(--space-8)}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-divider{align-items:center;gap:var(--space-4);color:var(--color-gray-400);font-size:var(--text-sm);font-weight:700;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-gray-200);flex:1;height:2px}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gray-500)}.role-selector{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.role-option{padding:var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-bounce);box-shadow:0 3px 0 var(--color-gray-200)}.role-option:hover{border-color:var(--color-blue-energy);background:var(--color-blue-50);box-shadow:0 5px 0 var(--color-blue-200);transform:translateY(-2px)}.role-option.selected{border-color:var(--color-blue-energy);background:var(--color-blue-50);box-shadow:0 3px 0 var(--color-blue-dark)}.role-option-icon{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.role-option-label{font-size:var(--text-sm);font-weight:var(--font-extrabold);color:var(--color-dark-navy)}.dashboard-header{margin-bottom:var(--space-8)}.dashboard-title{font-size:var(--text-3xl);font-weight:var(--font-black);color:var(--color-dark-navy);margin-bottom:var(--space-2);letter-spacing:-.02em}.dashboard-subtitle{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-gray-500)}.dashboard-stats-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.dashboard-section{margin-bottom:var(--space-8)}.dashboard-section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.dashboard-section-title{font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--color-dark-navy)}.player-layout{min-height:calc(100vh - var(--navbar-height));grid-template-columns:300px 1fr;display:grid}.player-sidebar{background:var(--color-dark-navy);color:#fff;padding:var(--space-4);border-right:3px solid var(--color-dark-card);overflow-y:auto}.player-session-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff9;margin-bottom:4px;display:flex}.player-session-item:hover{color:#fff;background:#ffffff14}.player-session-item.active{background:var(--color-blue-energy);color:#fff;box-shadow:0 3px 0 var(--color-blue-dark)}.player-session-item.completed{color:var(--color-green)}.player-session-number{border-radius:var(--radius-full);width:28px;height:28px;font-size:var(--text-xs);font-weight:var(--font-extrabold);background:#ffffff1a;border:2px solid #ffffff26;flex-shrink:0;justify-content:center;align-items:center;display:flex}.player-content{padding:var(--space-8);overflow-y:auto}.player-material-list{gap:var(--space-3);flex-direction:column;display:flex}.player-material-item{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);border:2px solid var(--color-gray-200);cursor:pointer;transition:all var(--transition-bounce);box-shadow:0 3px 0 var(--color-gray-200);background:#fff;display:flex}.player-material-item:hover{border-color:var(--color-blue-energy);box-shadow:0 5px 0 var(--color-blue-200);transform:translateY(-2px)}.player-material-icon{border-radius:var(--radius-lg);width:44px;height:44px;font-size:var(--text-lg);border:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}.player-material-icon.presentation{color:#e65100;background:#fff3e0;border-color:#ffcc80}.player-material-icon.notebook{background:var(--color-green-light);color:var(--color-green-dark);border-color:#b8e87c}.player-material-icon.link{background:var(--color-blue-50);color:var(--color-blue-energy);border-color:var(--color-blue-200)}.player-material-icon.video{color:#c62828;background:#fce4ec;border-color:#ffacc0}.player-material-icon.file{background:var(--color-gray-100);color:var(--color-gray-600);border-color:var(--color-gray-300)}@media (max-width:1024px){.player-layout{grid-template-columns:1fr}.player-sidebar{display:none}}.player-mobile-nav{display:none}@media (max-width:1024px){.player-mobile-nav{justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--color-dark-navy);border-radius:var(--radius-xl);border:2px solid var(--color-dark-card);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);box-shadow:0 4px 0 var(--color-midnight);display:flex}.player-mobile-nav-btn{color:#fff;border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-extrabold);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;background:#ffffff1a;border:2px solid #ffffff26}.player-mobile-nav-btn:hover:not(:disabled){background:#ffffff2e}.player-mobile-nav-btn:disabled{opacity:.3;cursor:not-allowed}.player-mobile-nav-center{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;display:flex}.player-mobile-nav-label{color:#fff;font-size:var(--text-sm);font-weight:var(--font-extrabold)}.player-mobile-nav-dots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.player-mobile-nav-dot{border-radius:var(--radius-full);cursor:pointer;width:10px;height:10px;transition:all var(--transition-fast);background:#ffffff38;border:none;padding:0}.player-mobile-nav-dot.active{background:var(--color-orange);box-shadow:0 2px 0 var(--color-orange-hover);transform:scale(1.4)}.player-mobile-nav-dot:hover:not(.active){background:#ffffff73}}.player-resources-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:32px;display:grid}@media (max-width:768px){.player-content{padding:var(--space-4)}.player-resources-grid{grid-template-columns:1fr;gap:24px}.player-material-icon{width:36px;height:36px;font-size:18px}.player-material-item{padding:var(--space-3)}}.quiz-container{max-width:720px;margin:0 auto}.quiz-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:2px solid var(--color-gray-100)}.quiz-progress-text{font-size:var(--text-sm);font-weight:var(--font-extrabold);color:var(--color-gray-500);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.quiz-question-card{border-radius:var(--radius-2xl);padding:var(--space-8);border:2px solid var(--color-gray-200);box-shadow:0 5px 0 var(--color-gray-200);margin-bottom:var(--space-6);background:#fff}.quiz-question-text{font-size:var(--text-lg);font-weight:var(--font-extrabold);color:var(--color-dark-navy);margin-bottom:var(--space-6)}.quiz-options{gap:var(--space-3);flex-direction:column;display:flex}.quiz-option{align-items:center;gap:var(--space-3);padding:var(--space-4);border:2.5px solid var(--color-gray-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-bounce);font-size:var(--text-base);font-weight:var(--font-semibold);box-shadow:0 3px 0 var(--color-gray-200);display:flex}.quiz-option:hover{border-color:var(--color-blue-energy);background:var(--color-blue-50);box-shadow:0 5px 0 var(--color-blue-200);transform:translateY(-2px)}.quiz-option.selected{border-color:var(--color-blue-energy);background:var(--color-blue-50);box-shadow:0 3px 0 var(--color-blue-dark)}.quiz-option.correct{border-color:var(--color-green);background:var(--color-green-light);box-shadow:0 3px 0 var(--color-green-dark)}.quiz-option.incorrect{border-color:var(--color-red);background:var(--color-red-light);box-shadow:0 3px #cc3a3a}.quiz-option-letter{border-radius:var(--radius-full);background:var(--color-gray-100);border:2px solid var(--color-gray-300);width:34px;height:34px;font-weight:var(--font-extrabold);font-size:var(--text-sm);color:var(--color-gray-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.quiz-option.selected .quiz-option-letter{background:var(--color-blue-energy);border-color:var(--color-blue-dark);color:#fff}.form-page{max-width:800px;padding:var(--space-8) var(--space-6);margin:0 auto}.form-page-title{font-size:var(--text-3xl);font-weight:var(--font-black);color:var(--color-dark-navy);margin-bottom:var(--space-8);letter-spacing:-.02em}.form-card{border-radius:var(--radius-2xl);padding:var(--space-8);border:2px solid var(--color-gray-200);box-shadow:0 5px 0 var(--color-gray-200);margin-bottom:var(--space-6);background:#fff}.form-card-title{font-size:var(--text-lg);font-weight:var(--font-extrabold);color:var(--color-dark-navy);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-gray-100);text-transform:uppercase;letter-spacing:.03em}.form-row{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.file-upload-area{border:3px dashed var(--color-gray-300);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--color-gray-50)}.file-upload-area:hover{border-color:var(--color-blue-energy);background:var(--color-blue-50)}.file-upload-area.active{border-color:var(--color-green);background:var(--color-green-light)}.file-upload-icon{font-size:var(--text-4xl);margin-bottom:var(--space-3);color:var(--color-gray-400)}.file-upload-text{font-size:var(--text-sm);color:var(--color-gray-500);font-weight:600}.file-upload-text strong{color:var(--color-blue-energy)}.sortable-item{align-items:center;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:grab;transition:all var(--transition-fast);box-shadow:0 2px 0 var(--color-gray-200);background:#fff;display:flex}.sortable-item:hover{border-color:var(--color-blue-200);box-shadow:0 4px 0 var(--color-blue-200)}.sortable-item.dragging{opacity:.5;box-shadow:var(--shadow-xl)}.sortable-handle{color:var(--color-gray-400);cursor:grab}.sortable-content{flex:1}.sortable-actions{gap:var(--space-2);display:flex}.spinner{border:3px solid var(--color-gray-200);border-top-color:var(--color-blue-energy);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.skeleton{background:linear-gradient(90deg, var(--color-gray-100) 25%, var(--color-gray-200) 50%, var(--color-gray-100) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-text{height:16px;margin-bottom:var(--space-2)}.skeleton-title{width:60%;height:24px;margin-bottom:var(--space-3)}.skeleton-image{border-radius:var(--radius-xl);height:200px}.cta-section{background:linear-gradient(135deg, var(--color-dark-navy) 0%, #1a2e6a 50%, #2a1850 100%);padding:var(--space-20) 0;text-align:center;border-top:4px solid var(--color-blue-energy);position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle,#1cb0f61f 0%,#0000 55%);width:200%;height:200%;animation:8s infinite gradient-shift;position:absolute;top:-50%;left:-50%}.cta-title{font-size:var(--text-4xl);font-weight:var(--font-black);color:#fff;margin-bottom:var(--space-4);letter-spacing:-.02em;position:relative}.cta-description{font-size:var(--text-lg);font-weight:var(--font-medium);color:#ffffffb3;margin-bottom:var(--space-8);max-width:560px;margin-left:auto;margin-right:auto;position:relative}.tech-grid{justify-content:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.tech-item{align-items:center;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-xl);border:2px solid var(--color-gray-200);box-shadow:0 4px 0 var(--color-gray-200);transition:all var(--transition-bounce);background:#fff;flex-direction:column;min-width:120px;display:flex}.tech-item:hover{box-shadow:0 8px 0 var(--color-blue-200);border-color:var(--color-blue-energy);transform:translateY(-5px)}.tech-item-icon{justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;display:flex}.tech-item-name{font-size:var(--text-sm);font-weight:var(--font-extrabold);color:var(--color-gray-700)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full);border:2px solid var(--color-gray-100)}::-webkit-scrollbar-thumb:hover{background:var(--color-blue-energy)}::selection{color:var(--color-dark-navy);background:#1cb0f638}:focus-visible{outline:3px solid var(--color-blue-energy);outline-offset:2px;border-radius:var(--radius-sm)}