@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@300;400;500;600&display=swap);:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-serif:"Merriweather","Georgia",serif}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--bg-primary,#f9fafb);color:#111827;color:var(--text-primary,#111827)}.loading-screen,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-sans)}.loading-screen{background-color:#e6e6fa;background-color:var(--brand-lavender,#e6e6fa);color:indigo;color:var(--brand-indigo,indigo);height:100vh;width:100vw}.loading-spinner{margin-bottom:1rem}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-sans);font-weight:700;line-height:1.2;margin-bottom:.5em}a,h1,h2,h3,h4,h5,h6{color:indigo;color:var(--brand-indigo,indigo)}a{transition:color .2s ease}a:hover{color:var(--brand-gold,gold)}:root{--oxytocin-primary-start:#667eea;--oxytocin-primary-end:#764ba2;--oxytocin-primary-light:#8a97ec;--oxytocin-primary-dark:#5a6fd8;--oxytocin-indigo:#2d2458;--oxytocin-indigo-light:#403168;--oxytocin-gold-light:#e0c547;--oxytocin-gold-dark:#b8941f;--oxytocin-white:#fff;--oxytocin-cream:#fefefe;--oxytocin-gray-50:#f8f9fc;--oxytocin-gray-100:#f1f3f9;--oxytocin-gray-200:#e8ecef;--oxytocin-gray-300:#d1d6db;--oxytocin-gray-400:#9ca3af;--oxytocin-gray-500:#6b7280;--oxytocin-gray-600:#4b5563;--oxytocin-gray-700:#374151;--oxytocin-gray-800:#1f2937;--oxytocin-gray-900:#111827;--oxytocin-success:#10b981;--oxytocin-warning:#f59e0b;--oxytocin-error:#ef4444;--oxytocin-info:var(--oxytocin-primary-start);--oxytocin-gradient-primary:linear-gradient(135deg,var(--oxytocin-primary-start) 0%,var(--oxytocin-primary-end) 100%);--oxytocin-gradient-primary-soft:linear-gradient(135deg,#667eea1a,#764ba21a);--oxytocin-gradient-gold:linear-gradient(135deg,var(--oxytocin-gold) 0%,var(--oxytocin-gold-dark) 100%);--oxytocin-gradient-glass:linear-gradient(160deg,#ffffff1a,#ffffff0d);--oxytocin-gradient-hero:linear-gradient(135deg,var(--oxytocin-gray-50) 0%,var(--oxytocin-white) 100%);--oxytocin-gradient-wellness:linear-gradient(135deg,#7b8feb,#8a6bb0);--oxytocin-gradient-education:linear-gradient(135deg,#2d2458,#403168);--oxytocin-gradient-resources:linear-gradient(135deg,var(--oxytocin-primary-start) 0%,var(--oxytocin-primary-end) 85%,var(--oxytocin-gold) 100%);--oxytocin-gradient-assessment:linear-gradient(135deg,#6b82ea,#7a52a8);--oxytocin-space-xs:0.25rem;--oxytocin-space-sm:0.5rem;--oxytocin-space-md:1rem;--oxytocin-space-lg:1.5rem;--oxytocin-space-xl:2rem;--oxytocin-space-2xl:3rem;--oxytocin-space-3xl:4rem;--oxytocin-radius-sm:8px;--oxytocin-radius-md:12px;--oxytocin-radius-lg:16px;--oxytocin-radius-xl:20px;--oxytocin-radius-2xl:24px;--oxytocin-radius-full:9999px;--oxytocin-shadow-sm:0 1px 3px #667eea0f,0 1px 2px #00000005;--oxytocin-shadow-md:0 4px 6px #667eea12,0 2px 4px #00000008;--oxytocin-shadow-lg:0 10px 15px #667eea14,0 4px 6px #0000000a;--oxytocin-shadow-xl:0 20px 25px #667eea1a,0 10px 10px #0000000a;--oxytocin-shadow-2xl:0 25px 50px #667eea26,0 12px 20px #00000014;--oxytocin-shadow-glow:0 0 20px #667eea4d;--oxytocin-transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--oxytocin-transition-normal:all 0.3s cubic-bezier(0.4,0,0.2,1);--oxytocin-transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1);--oxytocin-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","SF Pro Display",Roboto,system-ui,sans-serif;--oxytocin-font-mono:"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace;--oxytocin-container-sm:640px;--oxytocin-container-md:768px;--oxytocin-container-lg:1024px;--oxytocin-container-xl:1280px;--oxytocin-container-2xl:1440px}.oxytocin-bg-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--oxytocin-gradient-primary)}.oxytocin-bg-primary-soft{background:linear-gradient(135deg,#667eea1a,#764ba21a);background:var(--oxytocin-gradient-primary-soft)}.oxytocin-bg-glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(160deg,#ffffff1a,#ffffff0d);background:var(--oxytocin-gradient-glass)}.oxytocin-bg-white{background:#fff;background:var(--oxytocin-white)}.oxytocin-bg-cream{background:#fefefe;background:var(--oxytocin-cream)}.oxytocin-bg-wellness{background:linear-gradient(135deg,#7b8feb,#8a6bb0);background:var(--oxytocin-gradient-wellness)}.oxytocin-bg-education{background:linear-gradient(135deg,#2d2458,#403168);background:var(--oxytocin-gradient-education)}.oxytocin-bg-resources{background:linear-gradient(135deg,#667eea,#764ba2 85%,#d4af37);background:var(--oxytocin-gradient-resources)}.oxytocin-bg-assessment{background:linear-gradient(135deg,#6b82ea,#7a52a8);background:var(--oxytocin-gradient-assessment)}.oxytocin-text-primary{color:#667eea;color:var(--oxytocin-primary-start)}.oxytocin-text-indigo{color:#2d2458;color:var(--oxytocin-indigo)}.oxytocin-text-gold{color:#d4af37;color:var(--oxytocin-gold)}.oxytocin-text-white{color:#fff;color:var(--oxytocin-white)}.oxytocin-text-gray{color:#4b5563;color:var(--oxytocin-gray-600)}.oxytocin-btn{align-items:center;border:none;border-radius:16px;border-radius:var(--oxytocin-radius-lg);box-shadow:0 4px 6px #667eea12,0 2px 4px #00000008;box-shadow:var(--oxytocin-shadow-md);cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,SF Pro Display,Roboto,system-ui,sans-serif;font-family:var(--oxytocin-font-family);font-weight:600;gap:.5rem;gap:var(--oxytocin-space-sm);justify-content:center;padding:1rem 2rem;padding:var(--oxytocin-space-md) var(--oxytocin-space-xl);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--oxytocin-transition-normal)}.oxytocin-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--oxytocin-gradient-primary);color:#fff;color:var(--oxytocin-white)}.oxytocin-btn-primary:hover{box-shadow:0 10px 15px #667eea14,0 4px 6px #0000000a;box-shadow:var(--oxytocin-shadow-lg);transform:translateY(-2px)}.oxytocin-btn-secondary{background:#fff;background:var(--oxytocin-white);border:1px solid #667eea;border:1px solid var(--oxytocin-primary-start);color:#667eea;color:var(--oxytocin-primary-start)}.oxytocin-btn-secondary:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--oxytocin-gradient-primary);color:#fff;color:var(--oxytocin-white);transform:translateY(-2px)}.oxytocin-btn-indigo{background:#2d2458;background:var(--oxytocin-indigo);color:#fff;color:var(--oxytocin-white)}.oxytocin-btn-indigo:hover{background:#403168;background:var(--oxytocin-indigo-light);box-shadow:0 10px 15px #667eea14,0 4px 6px #0000000a;box-shadow:var(--oxytocin-shadow-lg);transform:translateY(-2px)}.oxytocin-btn-gold{background:linear-gradient(135deg,#d4af37,#b8941f);background:var(--oxytocin-gradient-gold);color:#2d2458;color:var(--oxytocin-indigo)}.oxytocin-btn-gold:hover{box-shadow:0 8px 30px #d4af3766;transform:translateY(-2px) scale(1.02)}.oxytocin-card{background:#fff;background:var(--oxytocin-white);border-left:4px solid #667eea;border-left:4px solid var(--oxytocin-primary-start);border-radius:16px;border-radius:var(--oxytocin-radius-lg);box-shadow:0 4px 6px #667eea12,0 2px 4px #00000008;box-shadow:var(--oxytocin-shadow-md);padding:2rem;padding:var(--oxytocin-space-xl);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--oxytocin-transition-normal)}.oxytocin-card:hover{box-shadow:0 20px 25px #667eea1a,0 10px 10px #0000000a;box-shadow:var(--oxytocin-shadow-xl);transform:translateY(-4px)}.oxytocin-card-glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(160deg,#ffffff1a,#ffffff0d);background:var(--oxytocin-gradient-glass);border:1px solid #fff3}.oxytocin-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e8ecef;border-bottom:1px solid var(--oxytocin-gray-200);box-shadow:0 1px 3px #667eea0f,0 1px 2px #00000005;box-shadow:var(--oxytocin-shadow-sm)}.oxytocin-nav-link{border-radius:8px;border-radius:var(--oxytocin-radius-sm);color:#4b5563;color:var(--oxytocin-gray-600);font-weight:500;padding:.5rem 1rem;padding:var(--oxytocin-space-sm) var(--oxytocin-space-md);text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--oxytocin-transition-fast)}.oxytocin-nav-link.active,.oxytocin-nav-link:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);background:var(--oxytocin-gradient-primary-soft);color:#667eea;color:var(--oxytocin-primary-start)}.oxytocin-container{margin:0 auto;max-width:1280px;max-width:var(--oxytocin-container-xl);padding:0 1.5rem;padding:0 var(--oxytocin-space-lg)}.oxytocin-grid{grid-gap:1.5rem;grid-gap:var(--oxytocin-space-lg);display:grid;gap:1.5rem;gap:var(--oxytocin-space-lg)}.oxytocin-grid-cols-2{grid-template-columns:repeat(2,1fr)}.oxytocin-grid-cols-3{grid-template-columns:repeat(3,1fr)}.oxytocin-grid-responsive{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width:768px){.oxytocin-grid-cols-2,.oxytocin-grid-cols-3{grid-template-columns:1fr}.oxytocin-container{padding:0 1rem;padding:0 var(--oxytocin-space-md)}}@keyframes oxytocin-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes oxytocin-pulse-glow{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 30px #667eea99}}.oxytocin-animate-fade-up{animation:oxytocin-fade-in-up .6s ease-out forwards}.oxytocin-animate-pulse-glow{animation:oxytocin-pulse-glow 2s ease-in-out infinite}.oxytocin-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.oxytocin-btn:focus,.oxytocin-nav-link:focus{outline:2px solid #667eea;outline:2px solid var(--oxytocin-primary-start);outline-offset:2px}@media print{.oxytocin-bg-primary,.oxytocin-bg-primary-soft{background:#fff!important;background:var(--oxytocin-white)!important;color:#1f2937!important;color:var(--oxytocin-gray-800)!important}}.oxytocin-brand-signature{position:relative}.oxytocin-brand-signature:after{bottom:-20px;color:#9ca3af;color:var(--oxytocin-gray-400);content:"🧬 Oxytocin Apps";font-size:.75rem;font-weight:500;position:absolute;right:0}:root{--ubuntu-scale-xs:0.75rem;--ubuntu-scale-sm:0.875rem;--ubuntu-scale-base:1rem;--ubuntu-scale-md:1.125rem;--ubuntu-scale-lg:1.25rem;--ubuntu-scale-xl:1.5rem;--ubuntu-scale-2xl:1.875rem;--ubuntu-scale-3xl:2.25rem;--ubuntu-scale-4xl:3rem;--ubuntu-scale-5xl:3.75rem;--ubuntu-space-xs:0.25rem;--ubuntu-space-sm:0.5rem;--ubuntu-space-md:0.75rem;--ubuntu-space-base:1rem;--ubuntu-space-lg:1.5rem;--ubuntu-space-xl:2rem;--ubuntu-space-2xl:2.5rem;--ubuntu-space-3xl:3rem;--ubuntu-space-4xl:4rem;--ubuntu-space-5xl:5rem;--ubuntu-space-6xl:6rem;--ubuntu-primary-deep:#311b92;--ubuntu-primary-rich:#512da8;--ubuntu-primary-soft:#7e57c2;--ubuntu-primary-light:#ede7f6;--ubuntu-secondary-deep:#4a148c;--ubuntu-secondary-rich:#6a1b9a;--ubuntu-secondary-soft:#ab47bc;--ubuntu-secondary-light:#f3e5f5;--ubuntu-healing-green:#2e7d32;--ubuntu-healing-blue:#1565c0;--ubuntu-healing-purple:#8b5cf6;--ubuntu-healing-amber:#f4d03f;--ubuntu-gray-50:#fafafa;--ubuntu-gray-100:#f4f4f5;--ubuntu-gray-200:#e4e4e7;--ubuntu-gray-300:#d4d4d8;--ubuntu-gray-400:#a1a1aa;--ubuntu-gray-500:#71717a;--ubuntu-gray-600:#52525b;--ubuntu-gray-700:#3f3f46;--ubuntu-gray-800:#27272a;--ubuntu-gray-900:#18181b;--ubuntu-shadow-gentle:0 1px 3px #0000000d,0 1px 2px #0000001a;--ubuntu-shadow-soft:0 4px 6px #0000000d,0 2px 4px #0000000f;--ubuntu-shadow-medium:0 10px 15px #0000001a,0 4px 6px #0000000d;--ubuntu-shadow-strong:0 20px 25px #0000001a,0 10px 10px #0000000a;--ubuntu-shadow-healing:0 25px 50px #667eea26;--ubuntu-transition-swift:150ms cubic-bezier(0.4,0,0.2,1);--ubuntu-transition-smooth:300ms cubic-bezier(0.4,0,0.2,1);--ubuntu-transition-gentle:500ms cubic-bezier(0.4,0,0.2,1);--ubuntu-radius-sm:0.375rem;--ubuntu-radius-md:0.5rem;--ubuntu-radius-lg:0.75rem;--ubuntu-radius-xl:1rem;--ubuntu-radius-2xl:1.5rem;--ubuntu-radius-full:9999px;--ubuntu-weight-light:300;--ubuntu-weight-normal:400;--ubuntu-weight-medium:500;--ubuntu-weight-semibold:600;--ubuntu-weight-bold:700;--ubuntu-weight-extrabold:800;--ubuntu-weight-black:900}.ubuntu-text-xs{font-size:.75rem;font-size:var(--ubuntu-scale-xs)}.ubuntu-text-sm{font-size:.875rem;font-size:var(--ubuntu-scale-sm)}.ubuntu-text-base{font-size:1rem;font-size:var(--ubuntu-scale-base)}.ubuntu-text-md{font-size:1.125rem;font-size:var(--ubuntu-scale-md)}.ubuntu-text-lg{font-size:1.25rem;font-size:var(--ubuntu-scale-lg)}.ubuntu-text-xl{font-size:1.5rem;font-size:var(--ubuntu-scale-xl)}.ubuntu-text-2xl{font-size:1.875rem;font-size:var(--ubuntu-scale-2xl)}.ubuntu-text-3xl{font-size:2.25rem;font-size:var(--ubuntu-scale-3xl)}.ubuntu-text-4xl{font-size:3rem;font-size:var(--ubuntu-scale-4xl)}.ubuntu-text-5xl{font-size:3.75rem;font-size:var(--ubuntu-scale-5xl)}.ubuntu-weight-light{font-weight:300;font-weight:var(--ubuntu-weight-light)}.ubuntu-weight-normal{font-weight:400;font-weight:var(--ubuntu-weight-normal)}.ubuntu-weight-medium{font-weight:500;font-weight:var(--ubuntu-weight-medium)}.ubuntu-weight-semibold{font-weight:600;font-weight:var(--ubuntu-weight-semibold)}.ubuntu-weight-bold{font-weight:700;font-weight:var(--ubuntu-weight-bold)}.ubuntu-weight-extrabold{font-weight:800;font-weight:var(--ubuntu-weight-extrabold)}.ubuntu-weight-black{font-weight:900;font-weight:var(--ubuntu-weight-black)}.ubuntu-leading-tight{line-height:1.25}.ubuntu-leading-snug{line-height:1.375}.ubuntu-leading-normal{line-height:1.5}.ubuntu-leading-relaxed{line-height:1.625}.ubuntu-leading-loose{line-height:2}.ubuntu-btn{align-items:center;border:none;border-radius:1rem;border-radius:var(--ubuntu-radius-xl);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--ubuntu-scale-base);font-weight:600;font-weight:var(--ubuntu-weight-semibold);gap:.5rem;gap:var(--ubuntu-space-sm);justify-content:center;line-height:1.5;overflow:hidden;padding:.75rem 2rem;padding:var(--ubuntu-space-md) var(--ubuntu-space-xl);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--ubuntu-transition-smooth)}.ubuntu-btn:before{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:xor;opacity:0;padding:1px;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--ubuntu-transition-smooth)}.ubuntu-btn:hover:before{opacity:1}.ubuntu-btn-primary{background:linear-gradient(135deg,#512da8,#6a1b9a);background:linear-gradient(135deg,var(--ubuntu-primary-rich) 0,var(--ubuntu-secondary-rich) 100%);box-shadow:0 25px 50px #667eea26;box-shadow:var(--ubuntu-shadow-healing);color:#fff}.ubuntu-btn-primary:hover{box-shadow:0 32px 64px #667eea40;transform:translateY(-2px) scale(1.02)}.ubuntu-btn-secondary{background:#667eea14;border:1px solid #667eea33;color:#512da8;color:var(--ubuntu-primary-rich)}.ubuntu-btn-secondary:hover{background:#667eea1f;transform:translateY(-1px)}.ubuntu-btn-healing{background:linear-gradient(135deg,#2e7d32,#1565c0);background:linear-gradient(135deg,var(--ubuntu-healing-green) 0,var(--ubuntu-healing-blue) 100%);box-shadow:0 8px 25px #667eea4d;color:#fff}.ubuntu-btn-healing:hover{box-shadow:0 16px 40px #667eea66;transform:translateY(-2px) scale(1.02)}.ubuntu-card{background:#fff;border:1px solid #e4e4e7;border:1px solid var(--ubuntu-gray-200);border-radius:1.5rem;border-radius:var(--ubuntu-radius-2xl);box-shadow:0 4px 6px #0000000d,0 2px 4px #0000000f;box-shadow:var(--ubuntu-shadow-soft);overflow:hidden;padding:2.5rem;padding:var(--ubuntu-space-2xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--ubuntu-transition-smooth)}.ubuntu-card:before{background:linear-gradient(90deg,#512da8,#6a1b9a);background:linear-gradient(90deg,var(--ubuntu-primary-rich) 0,var(--ubuntu-secondary-rich) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform var(--ubuntu-transition-gentle)}.ubuntu-card:hover{border-color:#667eea33;box-shadow:0 20px 25px #0000001a,0 10px 10px #0000000a;box-shadow:var(--ubuntu-shadow-strong);transform:translateY(-4px)}.ubuntu-card:hover:before{transform:translateX(0)}.ubuntu-nav-enhancement{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #667eea1a;box-shadow:0 8px 32px #667eea1f}.ubuntu-nav-item{border-radius:.75rem;border-radius:var(--ubuntu-radius-lg);color:#3f3f46;color:var(--ubuntu-gray-700);font-weight:500;font-weight:var(--ubuntu-weight-medium);padding:.75rem 1.5rem;padding:var(--ubuntu-space-md) var(--ubuntu-space-lg);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--ubuntu-transition-smooth)}.ubuntu-nav-item:before{background:linear-gradient(90deg,#512da8,#6a1b9a);background:linear-gradient(90deg,var(--ubuntu-primary-rich) 0,var(--ubuntu-secondary-rich) 100%);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s cubic-bezier(.4,0,.2,1);transition:width var(--ubuntu-transition-smooth);width:0}.ubuntu-nav-item:hover{background:#667eea0f;color:#512da8;color:var(--ubuntu-primary-rich);transform:translateY(-1px)}.ubuntu-nav-item:hover:before{width:100%}.ubuntu-section{padding:6rem 4rem;padding:var(--ubuntu-space-6xl) var(--ubuntu-space-4xl);position:relative}.ubuntu-section-hero{background:linear-gradient(135deg,#667eea08,#764ba208);overflow:hidden;padding:9rem 4rem;padding:calc(var(--ubuntu-space-6xl)*1.5) var(--ubuntu-space-4xl);position:relative}.ubuntu-section-hero:before{animation:ubuntu-float 20s ease-in-out infinite;background:radial-gradient(circle,#667eea0a 0,#0000 70%);content:"";height:120%;position:absolute;right:-20%;top:-50%;width:120%}@keyframes ubuntu-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.ubuntu-heading{color:#18181b;color:var(--ubuntu-gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;font-weight:var(--ubuntu-weight-bold);line-height:var(--ubuntu-leading-tight);margin-bottom:1.5rem;margin-bottom:var(--ubuntu-space-lg)}.ubuntu-heading-hero{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#512da8,#6a1b9a);background:linear-gradient(135deg,var(--ubuntu-primary-rich) 0,var(--ubuntu-secondary-rich) 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,6vw,3.75rem);font-size:clamp(var(--ubuntu-scale-4xl),6vw,var(--ubuntu-scale-5xl));font-weight:900;font-weight:var(--ubuntu-weight-black)}.ubuntu-heading-section{font-size:clamp(1.875rem,4vw,2.25rem);font-size:clamp(var(--ubuntu-scale-2xl),4vw,var(--ubuntu-scale-3xl));font-weight:800;font-weight:var(--ubuntu-weight-extrabold)}.ubuntu-heading-card{color:#512da8;color:var(--ubuntu-primary-rich);font-size:1.5rem;font-size:var(--ubuntu-scale-xl);font-weight:700;font-weight:var(--ubuntu-weight-bold)}.ubuntu-text-subtitle{color:#52525b;color:var(--ubuntu-gray-600);font-size:1.125rem;font-size:var(--ubuntu-scale-md);font-weight:400;font-weight:var(--ubuntu-weight-normal);line-height:var(--ubuntu-leading-relaxed)}.ubuntu-text-wisdom{color:#512da8;color:var(--ubuntu-primary-rich);font-size:.875rem;font-size:var(--ubuntu-scale-sm);font-style:italic;font-weight:500;font-weight:var(--ubuntu-weight-medium);letter-spacing:.05em}@media (max-width:768px){.ubuntu-section{padding:4rem 1.5rem;padding:var(--ubuntu-space-4xl) var(--ubuntu-space-lg)}.ubuntu-card{padding:2rem;padding:var(--ubuntu-space-xl)}.ubuntu-btn{justify-content:center;padding:1.5rem 2.5rem;padding:var(--ubuntu-space-lg) var(--ubuntu-space-2xl);width:100%}}.ubuntu-fade-in{animation:ubuntu-fadeIn .8s ease-out}.ubuntu-slide-up{animation:ubuntu-slideUp .6s ease-out}@keyframes ubuntu-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ubuntu-slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.ubuntu-btn:focus,.ubuntu-card:focus,.ubuntu-nav-item:focus{outline:2px solid #512da8;outline:2px solid var(--ubuntu-primary-rich);outline-offset:2px}.programme-card.ubuntu-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #667eea14;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--ubuntu-transition-smooth)}.programme-card.ubuntu-card:before{background:linear-gradient(90deg,#512da8,#f4d03f 50%,#6a1b9a);background:linear-gradient(90deg,var(--ubuntu-primary-rich) 0,var(--ubuntu-healing-amber) 50%,var(--ubuntu-secondary-rich) 100%);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--ubuntu-transition-smooth)}.programme-card.ubuntu-card:hover:before{opacity:1}.programme-card.ubuntu-card:hover{border-color:#667eea33;box-shadow:0 20px 40px #667eea26,0 8px 16px #667eea1a;transform:translateY(-6px) scale(1.01)}.programme-card .ubuntu-text-wisdom{color:#52525b;color:var(--ubuntu-gray-600);font-size:.875rem;font-size:var(--ubuntu-scale-sm);font-style:italic;font-weight:500;font-weight:var(--ubuntu-weight-medium);line-height:var(--ubuntu-leading-relaxed);margin-bottom:.75rem;margin-bottom:var(--ubuntu-space-md);padding-left:1.5rem;padding-left:var(--ubuntu-space-lg);position:relative}.programme-card .ubuntu-text-wisdom:before{font-size:1.4em;left:0;line-height:1;position:absolute;top:-2px}.programme-card .ubuntu-text-wisdom:after,.programme-card .ubuntu-text-wisdom:before{color:#f4d03f;color:var(--ubuntu-healing-amber);content:'"';font-weight:700;font-weight:var(--ubuntu-weight-bold)}.programme-card .ubuntu-heading-card{color:#512da8;color:var(--ubuntu-primary-rich);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.25rem;font-size:var(--ubuntu-scale-lg);font-weight:700;font-weight:var(--ubuntu-weight-bold);line-height:var(--ubuntu-leading-tight);margin:0;transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--ubuntu-transition-smooth)}.programme-card.ubuntu-card:hover .ubuntu-heading-card{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#512da8,#6a1b9a);background:linear-gradient(135deg,var(--ubuntu-primary-rich) 0,var(--ubuntu-secondary-rich) 100%);-webkit-background-clip:text;background-clip:text}.programme-card .programme-icon{filter:drop-shadow(0 4px 8px rgba(102,126,234,.1));transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--ubuntu-transition-smooth)}.programme-card.ubuntu-card:hover .programme-icon{filter:drop-shadow(0 8px 16px rgba(102,126,234,.2));transform:scale(1.05) rotate(2deg)}.ubuntu-text-pretitle{color:#f4d03f;color:var(--ubuntu-healing-amber);display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.875rem;font-size:var(--ubuntu-scale-sm);font-weight:600;font-weight:var(--ubuntu-weight-semibold);letter-spacing:.1em;margin-bottom:.75rem;margin-bottom:var(--ubuntu-space-md);position:relative;text-transform:uppercase}.ubuntu-text-pretitle:after{background:linear-gradient(90deg,#f4d03f,#512da8);background:linear-gradient(90deg,var(--ubuntu-healing-amber) 0,var(--ubuntu-primary-rich) 100%);border-radius:1px;bottom:-4px;content:"";height:2px;left:0;position:absolute;width:40px}.ubuntu-text-body{color:#3f3f46;color:var(--ubuntu-gray-700);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-size:var(--ubuntu-scale-base);font-weight:400;font-weight:var(--ubuntu-weight-normal);line-height:var(--ubuntu-leading-relaxed);margin-bottom:1.5rem;margin-bottom:var(--ubuntu-space-lg)}.ubuntu-adinkra-constellation{grid-gap:2.5rem;grid-gap:var(--ubuntu-space-2xl);display:grid;gap:2.5rem;gap:var(--ubuntu-space-2xl);grid-template-columns:repeat(2,1fr);padding:4rem;padding:var(--ubuntu-space-4xl);position:relative}.ubuntu-symbol-card{cursor:pointer;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--ubuntu-transition-smooth)}.ubuntu-symbol-wrapper{display:inline-block;margin-bottom:1.5rem;margin-bottom:var(--ubuntu-space-lg);position:relative}.ubuntu-symbol-icon{animation:ubuntu-symbol-pulse 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(102,126,234,.15));height:80px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--ubuntu-transition-smooth);width:80px}.ubuntu-symbol-glow{animation:ubuntu-glow-pulse 4s ease-in-out infinite;background:radial-gradient(circle,#667eea1a 0,#0000 70%);border-radius:50%;inset:-10px;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--ubuntu-transition-smooth)}.ubuntu-symbol-card:hover .ubuntu-symbol-glow{animation:ubuntu-glow-active 1s ease-in-out infinite;opacity:1}.ubuntu-symbol-card:hover .ubuntu-symbol-icon{filter:drop-shadow(0 8px 24px rgba(102,126,234,.3));transform:scale(1.1) rotate(5deg)}.ubuntu-symbol-title{color:#512da8;color:var(--ubuntu-primary-rich);font-size:1.125rem;font-size:var(--ubuntu-scale-md);font-weight:700;font-weight:var(--ubuntu-weight-bold);margin-bottom:.5rem;margin-bottom:var(--ubuntu-space-sm);transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--ubuntu-transition-smooth)}.ubuntu-symbol-meaning,.ubuntu-symbol-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ubuntu-symbol-meaning{color:#52525b;color:var(--ubuntu-gray-600);font-size:.875rem;font-size:var(--ubuntu-scale-sm);font-style:italic;line-height:var(--ubuntu-leading-relaxed);margin:0}.ubuntu-symbol-card:hover .ubuntu-symbol-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#512da8,#f4d03f);background:linear-gradient(135deg,var(--ubuntu-primary-rich) 0,var(--ubuntu-healing-amber) 100%);-webkit-background-clip:text;background-clip:text}.ubuntu-connection-lines{inset:0;pointer-events:none;position:absolute;z-index:-1}.ubuntu-constellation-svg{height:100%;left:0;position:absolute;top:0;width:100%}.ubuntu-connection-path{stroke-dasharray:0,300;animation:ubuntu-connection-flow 6s ease-in-out infinite}@keyframes ubuntu-symbol-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes ubuntu-glow-pulse{0%,to{opacity:.1}50%{opacity:.3}}@keyframes ubuntu-glow-active{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes ubuntu-connection-flow{0%{stroke-dasharray:0,300;opacity:0}25%{opacity:.6}50%{stroke-dasharray:150,150}75%{opacity:.6}to{stroke-dasharray:300,0;opacity:0}}.ubuntu-symbol-card[data-symbol=sankofa]{animation-delay:0s}.ubuntu-symbol-card[data-symbol=dwennimmen]{animation-delay:.2s}.ubuntu-symbol-card[data-symbol=nkyinkyim]{animation-delay:.4s}.ubuntu-symbol-card[data-symbol=ubuntu]{animation-delay:.6s}.ubuntu-btn-magnetic{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--ubuntu-transition-smooth)}.ubuntu-btn-magnetic:before{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--ubuntu-transition-swift);width:0}.ubuntu-btn-magnetic:hover:before{height:300%;width:300%}.ubuntu-btn-magnetic:active{transform:scale(.98)}.ubuntu-link-interactive{align-items:center;color:#512da8;color:var(--ubuntu-primary-rich);display:inline-flex;font-weight:600;font-weight:var(--ubuntu-weight-semibold);gap:.5rem;gap:var(--ubuntu-space-sm);padding:.5rem 0;padding:var(--ubuntu-space-sm) 0;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--ubuntu-transition-smooth)}.ubuntu-link-interactive:after{background:linear-gradient(90deg,#512da8,#f4d03f);background:linear-gradient(90deg,var(--ubuntu-primary-rich) 0,var(--ubuntu-healing-amber) 100%);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);transition:width var(--ubuntu-transition-smooth);width:0}.ubuntu-link-interactive:hover:after{width:100%}.ubuntu-link-interactive:hover{color:#f4d03f;color:var(--ubuntu-healing-amber);transform:translateX(4px)}.ubuntu-arrow-flow{display:inline-block;font-size:1.2em;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--ubuntu-transition-smooth)}.ubuntu-link-interactive:hover .ubuntu-arrow-flow{color:#f4d03f;color:var(--ubuntu-healing-amber);transform:translateX(6px) scale(1.1)}@keyframes ubuntu-ripple{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(2)}}.ubuntu-ripple-effect{overflow:hidden;position:relative}.ubuntu-ripple-effect:before{animation:ubuntu-ripple .6s ease-out;background:#667eea4d;border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.ubuntu-loading{overflow:hidden;position:relative}.ubuntu-loading:after{animation:ubuntu-loading-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#667eea4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes ubuntu-loading-shimmer{0%{left:-100%}to{left:100%}}.ubuntu-btn:focus-visible,.ubuntu-link-interactive:focus-visible{border-radius:.5rem;border-radius:var(--ubuntu-radius-md);outline:2px solid #f4d03f;outline:2px solid var(--ubuntu-healing-amber);outline-offset:2px}.ubuntu-glow-on-hover{transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--ubuntu-transition-smooth)}.ubuntu-glow-on-hover:hover{box-shadow:0 0 20px #667eea4d,0 0 40px #667eea33,0 0 60px #667eea1a}.ubuntu-executive-lighting{background:linear-gradient(135deg,#667eea05,#fffffffa 25%,#764ba205 75%,#f59e0b03);overflow:hidden;position:relative}.ubuntu-executive-lighting:before{animation:ubuntu-ambient-flow 20s ease-in-out infinite;background:radial-gradient(circle at 30% 20%,#667eea14 0,#0000 50%),radial-gradient(circle at 80% 60%,#764ba20f 0,#0000 50%),radial-gradient(circle at 60% 80%,#f59e0b0a 0,#0000 50%);content:"";height:200%;left:-20%;pointer-events:none;position:absolute;top:-50%;width:140%}.ubuntu-executive-section{background:linear-gradient(180deg,#fafafa,#f8fafc 50%,#fff);box-shadow:inset 0 1px 0 #667eea14;position:relative}.ubuntu-philosophy-lighting{background:linear-gradient(135deg,#667eea08,#fff 30%,#764ba205 70%,#f59e0b05);border-top:1px solid #667eea1f;overflow:hidden;position:relative}.ubuntu-philosophy-lighting:after{background:linear-gradient(90deg,#0000,#667eea4d 25%,#f59e0b4d 50%,#764ba24d 75%,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.ubuntu-shadow-executive{box-shadow:0 1px 3px #00000005,0 2px 6px #667eea0a,0 4px 12px #667eea08,0 8px 24px #00000005}.ubuntu-shadow-executive-hover{box-shadow:0 2px 6px #00000008,0 4px 12px #667eea14,0 8px 24px #667eea0f,0 16px 48px #0000000a}:root{--ubuntu-executive-primary:#4c63d2;--ubuntu-executive-secondary:#7c5dfa;--ubuntu-executive-accent:#f59e0b;--ubuntu-executive-neutral:#64748b;--ubuntu-text-primary:#1e293b;--ubuntu-text-secondary:#475569;--ubuntu-text-muted:#64748b;--ubuntu-text-light:#94a3b8;--ubuntu-bg-primary:#fff;--ubuntu-bg-secondary:#f8fafc;--ubuntu-bg-tertiary:#f1f5f9;--ubuntu-bg-accent:#667eea05;--ubuntu-shadow-card:0 1px 3px #00000014,0 1px 2px #667eea0a;--ubuntu-shadow-card-hover:0 4px 12px #0000001a,0 2px 6px #667eea14;--ubuntu-shadow-executive:0 8px 32px #667eea1f,0 2px 8px #0000000a;--ubuntu-border-light:#667eea0f;--ubuntu-border-medium:#667eea1f;--ubuntu-border-strong:#667eea2e}.ubuntu-gradient-primary{background:linear-gradient(135deg,#4c63d2,#7c5dfa);background:linear-gradient(135deg,var(--ubuntu-executive-primary) 0,var(--ubuntu-executive-secondary) 100%)}.ubuntu-gradient-healing{background:linear-gradient(135deg,#2e7d32,#1565c0 50%,#f59e0b);background:linear-gradient(135deg,var(--ubuntu-healing-green) 0,var(--ubuntu-healing-blue) 50%,var(--ubuntu-executive-accent) 100%)}.ubuntu-gradient-wisdom{background:linear-gradient(135deg,#f59e0b,#4c63d2 50%,#7c5dfa);background:linear-gradient(135deg,var(--ubuntu-executive-accent) 0,var(--ubuntu-executive-primary) 50%,var(--ubuntu-executive-secondary) 100%)}.ubuntu-text-gradient-primary{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4c63d2,#7c5dfa);background:linear-gradient(135deg,var(--ubuntu-executive-primary) 0,var(--ubuntu-executive-secondary) 100%);-webkit-background-clip:text;background-clip:text}.ubuntu-text-gradient-wisdom{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#4c63d2);background:linear-gradient(135deg,var(--ubuntu-executive-accent) 0,var(--ubuntu-executive-primary) 100%);-webkit-background-clip:text;background-clip:text}@keyframes ubuntu-ambient-flow{0%,to{opacity:1;transform:translateX(0) translateY(0) rotate(0deg)}25%{opacity:.8;transform:translateX(20px) translateY(-10px) rotate(2deg)}50%{opacity:1;transform:translateX(-10px) translateY(-20px) rotate(-1deg)}75%{opacity:.9;transform:translateX(15px) translateY(10px) rotate(1deg)}}@keyframes ubuntu-gentle-pulse{0%,to{opacity:.6}50%{opacity:1}}.programme-card.ubuntu-card.ubuntu-executive-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border:1px solid #667eea0f;border:1px solid var(--ubuntu-border-light);position:relative}.programme-card.ubuntu-card.ubuntu-executive-card:after{background:linear-gradient(135deg,#667eea1a,#0000 25%,#0000 75%,#f59e0b1a);border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:xor;opacity:0;padding:1px;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--ubuntu-transition-smooth)}.programme-card.ubuntu-card.ubuntu-executive-card:hover:after{opacity:1}.ubuntu-community-grid{grid-gap:2.5rem;grid-gap:var(--ubuntu-space-2xl);display:grid;gap:2.5rem;gap:var(--ubuntu-space-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:4rem 0;padding:var(--ubuntu-space-4xl) 0;position:relative}.ubuntu-interconnection-lines{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.ubuntu-community-svg{height:100%;left:0;position:absolute;top:0;width:100%}.ubuntu-flow-path{stroke-dasharray:0,800;filter:blur(.5px)}.ubuntu-community-card{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--ubuntu-transition-smooth);z-index:1}.ubuntu-community-card:hover{transform:translateY(-8px) scale(1.02);z-index:2}.ubuntu-connection-dots{display:flex;gap:.25rem;gap:var(--ubuntu-space-xs);position:absolute;right:.75rem;right:var(--ubuntu-space-md);top:.75rem;top:var(--ubuntu-space-md);z-index:10}.ubuntu-dot{background:#667eea33;border-radius:50%;cursor:pointer;height:8px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--ubuntu-transition-smooth);width:8px}.ubuntu-dot:before{background:radial-gradient(circle,#667eea1a 0,#0000 70%);border-radius:50%;content:"";inset:-4px;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--ubuntu-transition-smooth)}.ubuntu-dot-active{animation:ubuntu-dot-pulse 2s ease-in-out infinite;background:linear-gradient(45deg,#f4d03f,#512da8);background:linear-gradient(45deg,var(--ubuntu-healing-amber),var(--ubuntu-primary-rich));box-shadow:0 0 8px #f59e0b66}.ubuntu-dot-active:before{opacity:1}.ubuntu-dot:hover{background:#f4d03f;background:var(--ubuntu-healing-amber);box-shadow:0 0 12px #f59e0b99;transform:scale(1.3)}.ubuntu-dot:hover:before{animation:ubuntu-ripple-dot .6s ease-out;opacity:1}.philosophy-quote{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea05,#fffffff2 50%,#f59e0b05);border:1px solid #667eea0f;border:1px solid var(--ubuntu-border-light);border-radius:1.5rem;border-radius:var(--ubuntu-radius-2xl);color:#1e293b;color:var(--ubuntu-text-primary);font-size:1.125rem;font-size:var(--ubuntu-scale-md);font-style:italic;margin:3rem 0;margin:var(--ubuntu-space-3xl) 0;padding:2.5rem;padding:var(--ubuntu-space-2xl);position:relative;text-align:center}.philosophy-quote:before{left:2.5rem;left:var(--ubuntu-space-2xl);top:-10px}.philosophy-quote:after,.philosophy-quote:before{background:#fff;background:var(--ubuntu-bg-primary);color:#f4d03f;color:var(--ubuntu-healing-amber);content:'"';font-size:4rem;font-weight:900;font-weight:var(--ubuntu-weight-black);line-height:1;padding:0 .75rem;padding:0 var(--ubuntu-space-md);position:absolute}.philosophy-quote:after{bottom:-40px;right:2.5rem;right:var(--ubuntu-space-2xl)}.symbol-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #667eea0f;border:1px solid var(--ubuntu-border-light);border-radius:1rem;border-radius:var(--ubuntu-radius-xl);padding:2rem;padding:var(--ubuntu-space-xl);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--ubuntu-transition-smooth)}.symbol-card:before{background:linear-gradient(135deg,#667eea0d,#0000 50%,#f59e0b0d);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--ubuntu-transition-smooth)}.symbol-card:hover:before{opacity:1}.symbol-card:hover{border-color:#667eea1f;border-color:var(--ubuntu-border-medium);box-shadow:0 8px 32px #667eea1f,0 2px 8px #0000000a;box-shadow:var(--ubuntu-shadow-executive);transform:translateY(-4px)}.symbol-card img{filter:drop-shadow(0 4px 8px rgba(102,126,234,.1));height:60px;margin-bottom:1.5rem;margin-bottom:var(--ubuntu-space-lg);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--ubuntu-transition-smooth);width:60px}.symbol-card:hover img{filter:drop-shadow(0 8px 16px rgba(102,126,234,.2));transform:scale(1.1) rotate(3deg)}.symbol-card h4{color:#512da8;color:var(--ubuntu-primary-rich);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.25rem;font-size:var(--ubuntu-scale-lg);font-weight:700;font-weight:var(--ubuntu-weight-bold);margin-bottom:.5rem;margin-bottom:var(--ubuntu-space-sm)}.symbol-card p{color:#64748b;color:var(--ubuntu-text-muted);font-size:.875rem;font-size:var(--ubuntu-scale-sm);line-height:var(--ubuntu-leading-relaxed);margin:0}@keyframes ubuntu-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes ubuntu-ripple-dot{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3)}}@media (max-width:768px){.ubuntu-community-grid{gap:2rem;gap:var(--ubuntu-space-xl);grid-template-columns:1fr;padding:2.5rem 0;padding:var(--ubuntu-space-2xl) 0}.ubuntu-interconnection-lines{display:none}.ubuntu-connection-dots{right:.5rem;right:var(--ubuntu-space-sm);top:.5rem;top:var(--ubuntu-space-sm)}.philosophy-quote{margin:2.5rem 0;margin:var(--ubuntu-space-2xl) 0;padding:2rem;padding:var(--ubuntu-space-xl)}.philosophy-quote:after,.philosophy-quote:before{font-size:2.5rem}}.ubuntu-community-card:hover~.ubuntu-community-card .ubuntu-dot{background:#667eea66;transform:scale(1.1)}.ubuntu-community-card:hover~.ubuntu-community-card .ubuntu-dot:before{opacity:.3}@media (prefers-reduced-motion:reduce){.ubuntu-btn,.ubuntu-card,.ubuntu-fade-in,.ubuntu-nav-item,.ubuntu-slide-up{animation:none!important;transition:none!important}}.phoenix-adinkra-symbol{cursor:pointer;display:inline-block;filter:drop-shadow(0 2px 8px rgba(155,89,182,.3));position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.phoenix-adinkra-symbol:hover{filter:drop-shadow(0 6px 16px rgba(155,89,182,.5));transform:scale(1.1) rotate(5deg)}.phoenix-adinkra-symbol:active{transform:scale(.95) rotate(-2deg);transition:all .1s ease}.symbol-small{height:24px;width:24px}.symbol-medium{height:48px;width:48px}.symbol-large{height:72px;width:72px}.symbol-xlarge{height:96px;width:96px}.symbol-hero{height:128px;width:128px}.symbol-context-recovery .phoenix-adinkra-symbol{background:linear-gradient(135deg,#e8d4f11a,#f3e7f933);border:2px solid #9b59b633;border-radius:50%;padding:8px}.symbol-context-community .phoenix-adinkra-symbol{background:radial-gradient(circle,#9b59b61a,#0000);border:2px solid #7e3d984d;border-radius:12px;padding:6px}.symbol-context-wisdom .phoenix-adinkra-symbol{background:linear-gradient(45deg,#9b59b61a,#8e44ad1a);border:2px solid #6c348366;border-radius:8px;padding:4px}.symbol-tooltip{background:linear-gradient(135deg,#2c3e50,#34495e);border:1px solid #9b59b633;border-radius:12px;bottom:120%;box-shadow:0 8px 24px #2c3e504d;color:#ecf0f1;font-size:14px;font-weight:500;opacity:0;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;white-space:nowrap;z-index:1000}.symbol-tooltip,.symbol-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.symbol-tooltip:after{border:8px solid #0000;border-top-color:#2c3e50;content:"";top:100%}.phoenix-adinkra-symbol:hover .symbol-tooltip{bottom:130%;opacity:1;visibility:visible}.tooltip-symbol-name{color:#9b59b6;display:block;font-size:16px;font-weight:700;margin-bottom:4px}.tooltip-meaning{color:#bdc3c7;display:block;font-size:13px;margin-bottom:6px}.tooltip-healing-context{color:#e8d4f1;display:block;font-size:12px;font-style:italic}.symbol-pulse{animation:adinkraPulse 2s ease-in-out infinite}@keyframes adinkraPulse{0%,to{filter:drop-shadow(0 2px 8px rgba(155,89,182,.3));transform:scale(1)}50%{filter:drop-shadow(0 4px 12px rgba(155,89,182,.5));transform:scale(1.05)}}.symbol-glow{animation:adinkraGlow 3s ease-in-out infinite}@keyframes adinkraGlow{0%,to{filter:drop-shadow(0 2px 8px rgba(155,89,182,.3))}50%{filter:drop-shadow(0 6px 20px rgba(155,89,182,.7)) brightness(1.1)}}.symbol-rotate{animation:adinkraRotate 20s linear infinite}@keyframes adinkraRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.symbol-placement-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.symbol-placement-inline{align-items:center;display:inline-flex;gap:8px;vertical-align:middle}.symbol-placement-sidebar{background:#9b59b60d;border-radius:12px;display:block;margin:20px 0;padding:16px;text-align:center}.symbol-placement-hero{align-items:center;background:radial-gradient(ellipse at center,#9b59b61a,#0000);display:flex;flex-direction:column;gap:20px;padding:40px 20px;text-align:center}.symbol-ubuntu-ripple{overflow:hidden;position:relative}.symbol-ubuntu-ripple:before{background:radial-gradient(circle,#9b59b666,#0000);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s ease-out;width:0}.symbol-ubuntu-ripple:hover:before{height:200%;width:200%}@media (prefers-reduced-motion:reduce){.phoenix-adinkra-symbol,.symbol-tooltip{transition:none}.symbol-glow,.symbol-pulse,.symbol-rotate{animation:none}}@media (prefers-contrast:high){.phoenix-adinkra-symbol{border:2px solid;filter:contrast(1.5)}.symbol-tooltip{background:#000;border:2px solid #fff}}.phoenix-adinkra-symbol:focus{border-radius:8px;outline:3px solid #9b59b6;outline-offset:4px}.phoenix-adinkra-symbol:focus-visible{outline-style:solid}@media print{.phoenix-adinkra-symbol{filter:none;transform:none}.symbol-tooltip{border:1px solid #333;box-shadow:none;display:block;margin-top:8px;opacity:1;position:static;visibility:visible}}@media (max-width:768px){.symbol-hero{height:96px;width:96px}.symbol-xlarge{height:72px;width:72px}.symbol-placement-hero{padding:24px 16px}.symbol-tooltip{font-size:13px;max-width:250px;padding:10px 14px;white-space:normal}}@media (max-width:480px){.symbol-large{height:56px;width:56px}.symbol-medium{height:40px;width:40px}.phoenix-adinkra-symbol:hover{transform:scale(1.05)}}:root{--oxytocin-lavender:#eeeaf6;--oxytocin-indigo:#512da8;--oxytocin-gold:#d4af37}body{color:#512da8!important}.hero-section,body{background:#eeeaf6!important}.hero-content,.hero-subtitle,.hero-title{color:#512da8!important}.hero-wisdom,.stat-number{color:#d4af37!important}.stat-label{color:#512da8!important}.programs-section{background:#fff!important}.program-title,.section-title{color:#512da8!important}.program-subtitle{color:#d4af37!important}.btn-primary{background:#512da8!important;color:#eeeaf6!important}.btn-primary:hover{background:#d4af37!important;color:#512da8!important}.btn-secondary{background:#0000!important;border:2px solid #512da8!important;color:#512da8!important}.btn-secondary:hover,.program-btn{background:#512da8!important;color:#eeeaf6!important}.program-btn:hover{background:#d4af37!important;color:#512da8!important}.universal-header{background:#512da8!important;border-bottom:2px solid #d4af37!important;display:block!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:1000!important}.header-link,.universal-header,.universal-header .logo-text,.universal-header a,.universal-header button{color:#eeeaf6!important}.header-link:hover,.universal-header a:hover,.universal-header button:hover{color:#d4af37!important}.dropdown-arrow,.universal-footer{color:#eeeaf6!important}.universal-footer{background:#512da8!important;border-top:2px solid #d4af37!important}.footer-link,.universal-footer a{color:#eeeaf6!important}.footer-link:hover,.universal-footer a:hover{color:#d4af37!important}.footer-copyright,.universal-footer div,.universal-footer p{color:#eeeaf6!important}.footer-tagline{color:#d4af37!important}.footer-separator{color:#eeeaf64d!important}.social-link{color:#eeeaf6!important}.social-link:hover{background:#d4af371a!important;color:#d4af37!important}.main-content{padding-top:80px!important}.philosophy-section{background:linear-gradient(135deg,#eeeaf6,#f8f9fc)!important}.philosophy-content h2{color:#d4af37!important}.philosophy-content p{color:#512da8!important}.btn-large,.btn-primary-phoenix.btn-large,.btn-primary.btn-large,.cta-primary-large{border-radius:30px!important;border-radius:var(--radius-pill,30px)!important;font-size:1.1rem!important;min-height:48px!important;padding:16px 32px!important}.btn-primary,.btn-primary-phoenix,.btn-secondary,.btn-secondary-phoenix{align-items:center;border:none;border-radius:30px;border-radius:var(--radius-pill,30px);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-height:44px;padding:14px 24px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--ubuntu-indigo,#512da8),var(--ubuntu-gold,#d4af37));box-shadow:0 4px 12px #512da840}.btn-primary:hover{box-shadow:0 6px 20px #512da859}.btn-primary-phoenix{background:linear-gradient(135deg,var(--phoenix-ember,#e85d04),var(--phoenix-gold,#faa307));box-shadow:0 4px 12px #e85d0440}.btn-primary-phoenix:hover{box-shadow:0 6px 20px #e85d0459}.btn-secondary{border:2px solid var(--ubuntu-indigo,#512da8);color:var(--ubuntu-indigo,#512da8)}.btn-secondary:hover{background:var(--ubuntu-indigo,#512da8)}.btn-secondary-phoenix{border:2px solid var(--phoenix-ember,#e85d04);color:var(--phoenix-ember,#e85d04)}.btn-secondary-phoenix:hover{background:var(--phoenix-ember,#e85d04)}.btn-small,.btn-tertiary{align-items:center;background:#0000;border:none;border-radius:12px!important;border-radius:var(--radius-md,12px)!important;color:#512da8;color:var(--ubuntu-indigo,#512da8);cursor:pointer;display:inline-flex;font-size:.9rem!important;font-weight:500;gap:6px;justify-content:center;min-height:36px!important;padding:10px 18px!important;transition:all .3s ease}.btn-primary-phoenix:focus-visible,.btn-primary:focus-visible,.btn-secondary-phoenix:focus-visible,.btn-secondary:focus-visible,.btn-tertiary:focus-visible{outline:3px solid #faa307;outline:3px solid var(--phoenix-gold,#faa307);outline-offset:3px}.btn-primary-phoenix:disabled,.btn-primary:disabled,.btn-secondary-phoenix:disabled,.btn-secondary:disabled,.btn-tertiary:disabled{cursor:not-allowed;opacity:.5;pointer-events:none;transform:none!important}.page-wrapper,[class$=-page],[class$=Page]{min-height:100vh;width:100%}.content-area,.main-content,.page-content{margin:0 auto;max-width:1400px;padding:60px 40px}.section,[class*=section]{padding-bottom:60px;padding-top:60px}.section-sm{padding-bottom:40px;padding-top:40px}.section-lg{padding-bottom:80px;padding-top:80px}.hero-section,[class*=hero]{align-items:center;display:flex;min-height:400px;padding:80px 40px}.hero-section .hero-content,[class*=hero] .hero-content{margin:0 auto;max-width:1200px;width:100%}.container,.section-container{margin:0 auto;max-width:1200px;padding-left:40px;padding-right:40px}.container-narrow{max-width:800px}.container-wide{max-width:1400px}.card,[class*=-card]{border-radius:16px;border-radius:var(--radius-lg,16px);padding:32px}.card-spacious{padding:40px}.entry-page,[class*=Entry]{padding-top:0}.entry-page .entry-section,[class*=Entry] section{padding:60px 40px}.lesson-page,.lesson-page-enhanced{padding-bottom:100px}.lesson-content{margin:0 auto;max-width:900px;padding:40px}.assessment-page,.post-assessment-page,.pre-assessment-page{padding:40px}.assessment-page .assessment-content{margin:0 auto;max-width:800px}.dashboard-page{padding:40px}.dashboard-grid{gap:24px;padding:0}@media (max-width:1024px){.content-area,.main-content,.page-content{padding:48px 32px}.section,[class*=section]{padding-bottom:48px;padding-top:48px}.hero-section,[class*=hero]{padding:60px 32px}.container,.section-container{padding-left:32px;padding-right:32px}.entry-page .entry-section,[class*=Entry] section{padding:48px 32px}.lesson-content{padding:32px}}@media (max-width:768px){.content-area,.main-content,.page-content{padding:32px 20px}.section,[class*=section]{padding-bottom:32px;padding-top:32px}.hero-section,[class*=hero]{min-height:300px;padding:48px 20px}.container,.section-container{padding-left:20px;padding-right:20px}.card,[class*=-card]{padding:24px}.entry-page .entry-section,[class*=Entry] section{padding:32px 20px}.assessment-page,.dashboard-page,.lesson-content,.post-assessment-page,.pre-assessment-page{padding:24px 20px}.btn-primary,.btn-primary-phoenix,.btn-secondary,.btn-secondary-phoenix{max-width:400px;width:100%}.btn-large,.cta-primary-large{font-size:1rem!important;padding:14px 24px!important}}@media (max-width:480px){.content-area,.main-content,.page-content{padding:24px 16px}.hero-section,[class*=hero]{padding:40px 16px}.container,.section-container{padding-left:16px;padding-right:16px}.card,[class*=-card]{padding:20px}}.btn-group{flex-wrap:wrap;gap:16px}.btn-group-vertical{flex-direction:column}.btn-group-center{justify-content:center}.btn-group-right{justify-content:flex-end}@media (max-width:768px){.btn-group:not(.btn-group-inline){flex-direction:column}}@media (prefers-reduced-motion:reduce){.btn-primary,.btn-primary-phoenix,.btn-secondary,.btn-secondary-phoenix,.btn-tertiary{transition:none!important}.btn-primary-phoenix:hover,.btn-primary:hover,.btn-secondary-phoenix:hover,.btn-secondary:hover{transform:none!important}.btn-primary-phoenix:before{display:none}}@media (prefers-contrast:more){.btn-primary,.btn-primary-phoenix{background:#000;border:3px solid #fff;color:#fff}.btn-secondary,.btn-secondary-phoenix{border-width:3px}}.dashboard-page{padding:40px 48px!important}.dashboard-hero{margin-bottom:32px;padding:48px!important}.dashboard-grid{padding:0 24px!important}.dashboard-card{margin-bottom:24px;padding:32px!important}.settings-page{padding:40px 48px!important}.settings-container{margin:0 auto;max-width:1200px}.hero-v2{padding:100px 48px 80px!important}.entry-page .entry-section,.entry-section,[class*=Entry] .entry-section{padding:60px 48px!important}.entry-section .section-container{margin:0 auto;max-width:1200px;padding:0!important}.programme-info-page{padding:0 48px!important}.programme-info-page .section-container{margin:0 auto;max-width:1200px;padding:40px 0!important}.resource-library-page{padding:40px 48px!important}.resource-library-page .section-container{margin:0 auto;max-width:1400px}.lesson-page-enhanced .lesson-content{margin:0 auto;max-width:900px;padding:48px 40px!important}.lesson-section{margin-bottom:32px;padding:40px 0!important}.level-overview{padding:0!important}.level-overview .level-hero{padding:60px 48px!important}.level-overview section{padding:48px!important}.level-overview .section-container{margin:0 auto;max-width:1200px}.assessment-page,.post-assessment-page,.pre-assessment-page{padding:40px 48px!important}.assessment-container,.assessment-content{margin:0 auto;max-width:900px}.graduation-page{padding:40px 48px!important}.graduation-page .celebration-content{margin:0 auto;max-width:1000px;padding:40px 0}.card,[class*=-card]{display:flex;flex-direction:column;padding:32px!important}.assessment-card,.course-card,.dashboard-card,.feature-card,.lesson-card,.overview-card,.programme-card,.summary-card{padding:32px 32px 36px!important}.card-actions,.card-footer,[class*=-card]>.btn-group,[class*=-card]>a[class*=btn],[class*=-card]>button{margin-top:auto;padding-top:16px}.card a.btn-primary:last-child,.card a.btn-secondary:last-child,.card button:last-child,[class*=-card] a[class*=btn]:last-child,[class*=-card] button:last-child{margin-bottom:0}.card-with-actions{padding-bottom:40px!important}.content-wrapper,.main-container,.page-container{margin-left:auto;margin-right:auto;max-width:1400px;padding-left:48px;padding-right:48px}.cards-grid,.features-grid,.lessons-grid,.overview-grid,.programmes-grid{margin-left:auto;margin-right:auto;max-width:1200px}.section-container{margin-left:auto!important;margin-right:auto!important;max-width:1200px;padding-left:48px!important;padding-right:48px!important}.content-text,.description-content,.text-content{margin-left:auto;margin-right:auto;max-width:800px}@media (max-width:1024px){.dashboard-page,.resource-library-page,.settings-page{padding:32px!important}.entry-page .entry-section,.entry-section{padding:48px 32px!important}.section-container{padding-left:32px!important;padding-right:32px!important}.content-wrapper,.main-container,.page-container{padding-left:32px;padding-right:32px}.hero-v2{padding:80px 32px 60px!important}}@media (max-width:768px){.assessment-page,.dashboard-page,.graduation-page,.post-assessment-page,.pre-assessment-page,.resource-library-page,.settings-page{padding:24px 20px!important}.entry-page .entry-section,.entry-section{padding:32px 20px!important}.section-container{padding-left:20px!important;padding-right:20px!important}.content-wrapper,.main-container,.page-container{padding-left:20px;padding-right:20px}.hero-v2{padding:60px 20px 48px!important}.level-overview .level-hero{padding:40px 20px!important}.level-overview section{padding:32px 20px!important}.assessment-card,.card,.dashboard-card,.lesson-card,.overview-card,.programme-card,[class*=-card]{padding:24px 24px 28px!important}}@media (max-width:480px){.dashboard-page,.resource-library-page,.settings-page{padding:20px 16px!important}.entry-page .entry-section,.entry-section{padding:24px 16px!important}.section-container{padding-left:16px!important;padding-right:16px!important}.hero-v2{padding:48px 16px 40px!important}.card,[class*=-card]{padding:20px 20px 24px!important}}.connections-card{padding:32px!important}.level-card{padding:32px 32px 40px!important}.level-card .level-actions{margin-top:24px;padding-top:16px}.journey-progress-bar{padding:24px 32px!important}.commitment-card{padding:32px 32px 40px!important}.commitment-card .commitment-actions{margin-top:24px}.ava-story-card,.overview-card,.phoenix-pause-practice,.scenario-card{padding:32px!important}.overview-card h3{margin-bottom:12px}.overview-card p{margin-bottom:0}.audience-card{padding:32px!important}.evidence-stat{padding:24px!important}.cta-section,.final-cta{padding:48px!important;text-align:center}.cta-section .cta-content,.final-cta{margin:0 auto;max-width:800px}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;padding:1rem;position:fixed;right:0;z-index:2000}.modal-content{animation:slideUp .3s ease;background:linear-gradient(135deg,#1f2937,#111827);border:2px solid #ffd7004d;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:500px;width:100%}.modal-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.modal-title{align-items:center;color:gold;display:flex;flex:1 1;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.modal-icon{filter:drop-shadow(0 2px 4px rgba(255,215,0,.3));font-size:1.75rem}.modal-close-x{align-items:center;background:none;border:none;border-radius:6px;color:#b0b0b0;cursor:pointer;display:flex;flex-shrink:0;font-size:1.75rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close-x:hover{background:#ffffff1a;color:gold;transform:scale(1.1)}.modal-close-x:focus{outline:2px solid gold;outline-offset:2px}.modal-body{padding:1.5rem}.modal-message{color:#e0e0e0;font-size:1rem;line-height:1.6;margin:0 0 1rem}.modal-expected-date{align-items:center;background:#ffd7001a;border-left:3px solid gold;border-radius:6px;color:gold;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;margin:1rem 0;padding:.75rem 1rem}.calendar-icon{font-size:1.25rem}.modal-help-text{color:#b0b0b0;font-size:.9rem;font-style:italic;line-height:1.5;margin:1rem 0 0}.modal-footer{border-top:1px solid #ffffff1a;flex-wrap:wrap;gap:.75rem;padding:1rem 1.5rem 1.5rem}.modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.875rem 1.5rem;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,gold,orange);box-shadow:0 4px 12px #ffd7004d;color:#1a1a2e}.btn-primary:hover{background:linear-gradient(135deg,#fff,gold);box-shadow:0 6px 16px #ffd70066}.btn-primary:active{box-shadow:0 2px 8px #ffd7004d}.btn-primary:focus{outline:3px solid gold;outline-offset:3px}.btn-secondary{background:#ffffff1a;border:1px solid #ffd7004d;color:gold}.btn-secondary:hover{background:#ffd70033;border-color:gold}.btn-secondary:active{transform:translateY(0)}.btn-secondary:focus{outline:3px solid gold;outline-offset:3px}.btn-icon{font-size:1.1rem}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{animation:slideUpMobile .3s ease;border-radius:16px 16px 0 0;max-height:85vh;max-width:100%}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{padding:1.25rem}.modal-title{font-size:1.25rem}.modal-body{padding:1.25rem}.modal-footer{flex-direction:column;padding:1rem 1.25rem 1.25rem}.modal-btn{min-height:48px;min-width:auto;width:100%}}@media (min-width:769px) and (max-width:1024px){.modal-content{max-width:480px}}@media (prefers-contrast:high){.modal-overlay{background:#000000f2}.modal-content{background:#000;border:3px solid #fff}.modal-message,.modal-title{color:#fff}.btn-primary{background:#fff;border:2px solid #000;color:#000}.btn-secondary{background:#000;border:2px solid #fff;color:#fff}}@media (prefers-reduced-motion:reduce){.modal-content,.modal-overlay{animation:none}.btn-primary:hover,.btn-secondary:hover,.modal-btn:hover,.modal-close-x:hover{transform:none}}@media (prefers-color-scheme:dark){.modal-content{background:linear-gradient(135deg,#0f1626,#0a0f1a);border-color:#ffd70066}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#1a1a2e}.modal-content::-webkit-scrollbar-thumb{background:gold;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#fff}@media print{.modal-overlay{display:none}}.rooms-dropdown{background:#1f2937;border:1px solid #ffd70033;border-radius:12px;box-shadow:0 8px 24px #0000004d;left:50%;max-width:400px;min-width:320px;overflow:hidden;position:absolute;top:calc(100% + .5rem);transform:translateX(-50%);z-index:1001}.rooms-dropdown-content{max-height:70vh;overflow-x:hidden;overflow-y:auto}.rooms-dropdown-content::-webkit-scrollbar{width:8px}.rooms-dropdown-content::-webkit-scrollbar-track{background:#1a1a2e}.rooms-dropdown-content::-webkit-scrollbar-thumb{background:gold;border-radius:4px}.rooms-dropdown-content::-webkit-scrollbar-thumb:hover{background:#fff}.room-item{border-bottom:1px solid #ffffff1a}.room-item:last-child{border-bottom:none}.room-header{align-items:center;background:none;border:none;color:#e0e0e0;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 1.25rem;text-align:left;transition:all .2s ease;width:100%}.room-header:hover{background:#ffd7001a;color:gold}.room-header.current-room{background:#ffd70026;color:gold;cursor:default}.room-header.current-room:hover{background:#ffd70026}.room-icon{filter:invert(88%) sepia(0) saturate(0) hue-rotate(0deg) brightness(96%) contrast(92%);height:32px;transition:filter .2s ease;width:32px}.room-header.current-room .room-icon,.room-header:hover .room-icon{filter:invert(84%) sepia(68%) saturate(706%) hue-rotate(359deg) brightness(104%) contrast(101%)}.room-title{flex:1 1}.current-badge{background:#ffd70033;border-radius:4px;color:gold;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.25rem .5rem}.room-lessons{background:#0003;padding:.5rem 0}.lesson-link,.resource-link{align-items:center;background:none;border:none;color:#b0b0b0;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;gap:.75rem;padding:.75rem 1.25rem .75rem 2.5rem;text-align:left;transition:all .2s ease;width:100%}.lesson-link:hover,.resource-link:hover{background:#ffd7001a;color:gold;padding-left:2.75rem}.lesson-link:focus,.resource-link:focus{background:#ffd7001a;outline:2px solid gold;outline-offset:-2px}.lesson-icon,.resource-icon{flex-shrink:0;font-size:1.1rem}.lesson-text,.resource-text{flex:1 1}.phoenix-wheel-link{border-top:1px solid #ffffff0d;font-weight:500;margin-top:.5rem;padding-top:.75rem}.phoenix-wheel-link:hover{color:gold}.rooms-footer{background:#0000004d;border-top:1px solid #ffffff1a;padding:.5rem}.browse-all-link{align-items:center;background:none;border:none;border-radius:6px;color:gold;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.75rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease;width:100%}.browse-all-link:hover{background:#ffd70026;color:#fff;transform:scale(1.02)}.browse-all-link:focus{outline:2px solid gold;outline-offset:2px}.browse-icon{font-size:1.2rem}.browse-text{flex:1 1}@media (max-width:768px){.rooms-dropdown{border-radius:0;left:0;max-height:calc(100vh - 60px);max-width:100%;min-width:100%;position:fixed;right:0;top:60px;transform:none}.rooms-dropdown-content{max-height:calc(100vh - 120px)}.room-header{font-size:1.1rem;padding:1.25rem 1.5rem}.lesson-link,.resource-link{font-size:1rem;min-height:48px;padding:1rem 1.5rem 1rem 3rem}.lesson-link:hover,.resource-link:hover{padding-left:3.25rem}.browse-all-link{font-size:1rem;min-height:48px;padding:1rem 1.5rem}}@media (min-width:769px) and (max-width:1024px){.rooms-dropdown{max-width:360px;min-width:300px}}@media (prefers-contrast:high){.rooms-dropdown{background:#000;border:2px solid #fff}.lesson-link,.resource-link,.room-header{color:#fff}.current-badge{background:#fff;color:#000}}@media (prefers-reduced-motion:reduce){.browse-all-link:hover,.lesson-link:hover,.resource-link:hover{padding-left:2.5rem;transform:none}}.rooms-dropdown{animation:slideDown .2s ease}@media (max-width:768px){@keyframes slideDownMobile{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rooms-dropdown{animation:slideDownMobile .2s ease}}.room-lessons{animation:expandLessons .3s ease}@keyframes expandLessons{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}@media (prefers-color-scheme:dark){.rooms-dropdown{background:#0f1626;border-color:#ffd7004d}}.profile-dropdown{animation:slideDown .2s ease;background:#1f2937;border:1px solid #ffd70033;border-radius:12px;box-shadow:0 8px 24px #0000004d;max-width:320px;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1001}.profile-dropdown-header{align-items:center;background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border-bottom:1px solid #ffffff1a;display:flex;gap:1rem;padding:1.25rem}.profile-avatar{border:2px solid gold;border-radius:50%;box-shadow:0 2px 8px #ffd7004d;flex-shrink:0;height:50px;overflow:hidden;width:50px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,gold,orange);color:#1a1a2e;display:flex;font-size:1.1rem;font-weight:700;height:100%;justify-content:center;letter-spacing:1px;width:100%}.profile-info{flex:1 1;overflow:hidden}.profile-name{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.25rem}.profile-email,.profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email{color:#b0b0b0;font-size:.85rem}.profile-dropdown-divider{background:#ffffff1a;height:1px;margin:0}.profile-dropdown-content{padding:.5rem 0}.profile-item{align-items:center;background:none;border:none;color:#e0e0e0;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;gap:.75rem;padding:.875rem 1.25rem;position:relative;text-align:left;transition:all .2s ease;width:100%}.profile-item:hover{background:#ffd7001a;color:gold}.profile-item:focus{background:#ffd7001a;outline:2px solid gold;outline-offset:-2px}.profile-item.highlight{background:#ffd70026;color:gold;font-weight:600}.profile-item.highlight:hover{background:#ffd70040;color:#fff}.profile-item-icon{flex-shrink:0;font-size:1.25rem}.profile-item-label{flex:1 1}.profile-item-badge{border-radius:4px;flex-shrink:0;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.profile-item-badge.count{background:#dc2626;color:#fff;min-width:24px;text-align:center}.profile-item-badge.text{background:#ffd70033;color:gold}.profile-item-arrow{color:#b0b0b0;flex-shrink:0;font-size:1.25rem}.profile-item-description{color:#888;font-size:.8rem;line-height:1.4;padding:0 1.25rem .5rem 2.75rem}.profile-dropdown-footer{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border-top:1px solid #ffffff1a;padding:.75rem 1.25rem}.commons-status{align-items:center;color:gold;display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.commons-icon{filter:drop-shadow(0 2px 4px rgba(255,215,0,.3));font-size:1.1rem}.commons-text{flex:1 1}@media (max-width:768px){.profile-dropdown{border-radius:0;left:0;max-height:calc(100vh - 60px);max-width:100%;min-width:100%;overflow-y:auto;position:fixed;right:0;top:60px}.profile-dropdown-header{padding:1.5rem}.profile-avatar{height:60px;width:60px}.avatar-placeholder{font-size:1.3rem}.profile-name{font-size:1.1rem}.profile-email{font-size:.9rem}.profile-item{font-size:1rem;min-height:52px;padding:1.125rem 1.5rem}.profile-item-icon{font-size:1.4rem}.profile-dropdown-footer{padding:1rem 1.5rem}}@media (min-width:769px) and (max-width:1024px){.profile-dropdown{max-width:300px;min-width:260px}}@media (prefers-contrast:high){.profile-dropdown{background:#000;border:2px solid #fff}.profile-dropdown-footer,.profile-dropdown-header{background:#000}.profile-item-label,.profile-name{color:#fff}.profile-item-badge.count{background:#fff;color:#000}}@media (prefers-reduced-motion:reduce){.profile-dropdown{animation:none}.profile-item.highlight:hover,.profile-item:hover{transform:none}}@media (prefers-color-scheme:dark){.profile-dropdown{background:#0f1626;border-color:#ffd7004d}}.profile-dropdown::-webkit-scrollbar{width:8px}.profile-dropdown::-webkit-scrollbar-track{background:#1a1a2e}.profile-dropdown::-webkit-scrollbar-thumb{background:gold;border-radius:4px}.profile-dropdown::-webkit-scrollbar-thumb:hover{background:#fff}.accessibility-toggle{align-items:center;background:#512da8;background:var(--primary-color,#512da8);border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;position:fixed;right:20px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:60px;z-index:9998}.accessibility-toggle:hover{box-shadow:0 6px 16px #0003;transform:translateY(-50%) scale(1.1)}.accessibility-toggle:focus{outline:3px solid #facc15;outline:3px solid var(--focus-color,#facc15);outline-offset:2px}.accessibility-toolbar{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:90vh;overflow-y:auto;position:fixed;right:20px;top:50%;transform:translateY(-50%);width:380px;z-index:9999}.toolbar-header{align-items:center;background:#fff;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.toolbar-header h2{color:#1f2937;font-size:1.25rem;margin:0}.btn-close{border-radius:4px;padding:4px 8px;transition:all .2s}.btn-close:hover{color:#1f2937}.btn-close:focus{outline:2px solid #facc15;outline:2px solid var(--focus-color,#facc15);outline-offset:2px}.toolbar-content{padding:20px}.setting-group{margin-bottom:20px}.setting-group label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.setting-group select{background:#fff;border:2px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:1rem;padding:10px 12px;transition:all .2s;width:100%}.setting-group select:hover{border-color:#9ca3af}.setting-group select:focus{border-color:#2563eb;border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #2563eb1a;outline:none}.checkbox-label{border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:12px;transition:all .2s}.checkbox-label:hover{background:#f9fafb;border-color:#d1d5db}.checkbox-label input[type=checkbox]{cursor:pointer;height:20px;margin-right:10px;width:20px}.checkbox-label span{color:#374151;font-weight:500}.setting-description{color:#6b7280;display:block;font-size:.85rem;margin-left:30px;margin-top:4px}.toolbar-footer{background:#fff;border-top:2px solid #e5e7eb;bottom:0;display:flex;gap:12px;padding:20px;position:-webkit-sticky;position:sticky}.btn-done,.btn-reset{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .2s}.btn-reset{background:#f3f4f6;color:#374151}.btn-reset:hover{background:#e5e7eb}.btn-done{background:#2563eb;background:var(--primary-color,#2563eb);color:#fff}.btn-done:hover{background:#1d4ed8}.btn-done:focus,.btn-reset:focus{outline:3px solid #facc15;outline:3px solid var(--focus-color,#facc15);outline-offset:2px}.toolbar-info{background:#f9fafb;border-radius:0 0 12px 12px;color:#6b7280;font-size:.85rem;padding:16px 20px}.toolbar-info p{margin:0}.toolbar-info a{color:#2563eb;color:var(--primary-color,#2563eb);text-decoration:underline}.toolbar-info a:hover{color:#1d4ed8}.accessibility-overlay{animation:fadeIn .3s ease;background:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9997}.reading-guide-line{background:#2563eb99;height:2px;left:0;pointer-events:none;position:fixed;right:0;transition:top .1s ease;z-index:9996}:root[data-font-size=small]{font-size:14px}:root[data-font-size=medium]{font-size:16px}:root[data-font-size=large]{font-size:18px}:root[data-font-size=x-large]{font-size:20px}:root[data-contrast=high]{--bg-color:#fff;--text-color:#000;--primary-color:#00f;--border-color:#000;filter:contrast(1.2)}:root[data-contrast=dark]{--bg-color:#1a1a1a;--text-color:#fff;--primary-color:#60a5fa;--border-color:#4b5563}:root[data-contrast=dark] body{background:var(--bg-color);color:var(--text-color)}:root[data-text-spacing=increased]{letter-spacing:.05em;word-spacing:.15em}:root[data-text-spacing=increased] li,:root[data-text-spacing=increased] p{line-height:1.8}:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] :after,:root[data-reduce-motion=true] :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}:root[data-highlight-links=true] a{background:#ff0;border-radius:2px;font-weight:600;padding:2px 4px;text-decoration:underline}@media (max-width:768px){.accessibility-toolbar{max-height:80vh;right:5%;width:90%}.accessibility-toggle{height:56px;right:16px;top:50%;transform:translateY(-50%);width:56px}}@media (max-height:600px){.accessibility-toolbar{max-height:85vh;transform:translateY(-50%) scale(.95)}}.universal-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border-bottom:1px solid #512da81a;box-shadow:var(--shadow-md);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-container{height:64px;justify-content:space-between;margin:0 auto;max-width:var(--container-xl);padding:0 var(--space-3xl)}.header-container,.header-logo{align-items:center;display:flex}.header-logo{color:var(--ubuntu-indigo);font-size:1.25rem;font-weight:700;gap:var(--space-md);letter-spacing:.5px;text-decoration:none;transition:all var(--transition-normal)}.header-logo:hover{color:var(--ubuntu-gold)}.logo-md{filter:brightness(0) saturate(100%) invert(23%) sepia(36%) saturate(2533%) hue-rotate(238deg) brightness(91%) contrast(97%);transition:filter var(--transition-normal)}.header-logo:hover .logo-md{filter:brightness(0) saturate(100%) invert(64%) sepia(65%) saturate(411%) hue-rotate(358deg) brightness(89%) contrast(88%)}.logo-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.mobile-menu-toggle{background:none;border:none;color:var(--ubuntu-indigo);cursor:pointer;display:none;font-size:1.75rem;padding:var(--space-md);transition:all var(--transition-fast)}.mobile-menu-toggle:hover{color:var(--ubuntu-gold);transform:scale(1.05)}.mobile-menu-toggle:focus{border-radius:var(--radius-sm);outline:2px solid var(--ubuntu-gold);outline-offset:4px}.header-nav{gap:1.25rem}.header-link,.header-nav{align-items:center;display:flex}.header-link{background:none;border:none;border-radius:var(--radius-md);color:var(--ubuntu-indigo);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:.9rem;font-weight:500;gap:var(--space-xs);letter-spacing:-.01em;padding:var(--space-sm) var(--space-lg);text-decoration:none;transition:all var(--transition-normal);white-space:nowrap}.header-link:hover{background:#d4af3726;color:var(--ubuntu-gold)}.header-link:active{transform:scale(.98)}.header-link:focus{border-radius:var(--radius-md);outline:2px solid var(--ubuntu-gold);outline-offset:2px}.btn-login{background:linear-gradient(135deg,var(--ubuntu-gold),#b8860b);box-shadow:var(--shadow-sm);color:#1a1a2e;font-size:.85rem;font-weight:600;padding:6px 16px}.btn-login:hover{background:linear-gradient(135deg,#e5c04b,var(--ubuntu-gold));box-shadow:var(--shadow-md);color:#1a1a2e;transform:translateY(-1px)}.header-utilities{border-left:1px solid #512da826;gap:8px;margin-left:12px;padding-left:12px}.header-utilities,.utility-btn{align-items:center;display:flex}.utility-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1rem;justify-content:center;padding:6px;transition:all .2s ease}.utility-btn:hover{background:#512da81a;transform:scale(1.1)}.utility-btn.exit-btn:hover{background:#dc354526}.gamification-stats{align-items:center;display:flex;gap:8px;margin-left:8px}.dropdown-trigger{align-items:center;display:flex;gap:.5rem}.dropdown-arrow{font-size:.75rem;transition:transform .2s ease}.header-dropdown:hover .dropdown-arrow{transform:translateY(2px)}.profile-trigger{align-items:center;display:flex;gap:.75rem}.profile-icon{height:20px;width:20px}.profile-name{color:var(--ubuntu-indigo);font-size:.9rem}.header-dropdown{position:relative}@media (max-width:768px){.header-container{height:60px;padding:0 1rem}.mobile-menu-toggle{display:block}.mobile-menu-backdrop{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:60px;z-index:998}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.logo-text{font-size:1rem}.header-nav{-webkit-overflow-scrolling:touch;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid #512da81a;box-shadow:0 4px 20px #512da826;display:none;flex-direction:column;gap:0;left:0;max-height:auto;overflow:visible;padding:.5rem 0;position:fixed;right:0;top:60px;z-index:999}.header-nav.mobile-open{display:flex}.header-link{border-radius:0;font-size:.9rem;justify-content:flex-start;padding:.5rem 1.5rem;width:100%}.header-dropdown{width:100%}.header-dropdown .profile-dropdown{display:none!important}.profile-name{display:none}}@media (min-width:769px) and (max-width:1024px){.header-nav{gap:1.25rem}.header-link{font-size:.9rem;padding:.4rem .8rem}.logo-text{font-size:1.1rem}}@media (prefers-contrast:high){.universal-header{background:#000;border-bottom:3px solid #fff}.header-link{color:#fff}.header-link:focus{outline:4px solid #fff}}@media (prefers-reduced-motion:reduce){.dropdown-arrow,.header-link,.header-logo,.mobile-menu-toggle{transition:none}.header-link:hover,.header-logo:hover{transform:none}}@media (prefers-color-scheme:dark){.universal-header{background:linear-gradient(135deg,#0d0d1a,#0f1626)}}.profile-dropdown,.rooms-dropdown{animation:slideDown .2s ease}@media print{.universal-header{background:#fff;border-bottom:2px solid #000;box-shadow:none;position:static}.header-nav,.mobile-menu-toggle{display:none}.header-logo{color:#000}}.universal-footer{background:linear-gradient(135deg,#0f1626,#0a0f1a);border-top:2px solid #ffd7004d;margin-top:auto;padding:2.5rem 0 1.5rem}.footer-container{margin:0 auto;max-width:1400px;padding:0 2rem}.footer-nav{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:center;margin-bottom:1.5rem}.footer-link{align-items:center;color:#b0b0b0;display:inline-flex;font-size:.9rem;gap:.5rem;position:relative;text-decoration:none;transition:all .2s ease}.footer-link:hover{color:gold}.footer-link:focus{border-radius:4px;outline:2px solid gold;outline-offset:4px}.footer-link.under-construction{color:#888}.construction-badge{filter:grayscale(70%);font-size:.75rem}.footer-separator{color:#fff3;-webkit-user-select:none;user-select:none}.footer-bottom{border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;padding:1.5rem 0;text-align:center}.footer-copyright{color:#888;font-size:.85rem;margin-bottom:.5rem}.footer-trademarks{color:#666;font-size:.7rem;line-height:1.4;margin-bottom:.75rem;margin-left:auto;margin-right:auto;max-width:600px}.footer-tagline{align-items:center;color:gold;display:flex;font-size:1rem;font-style:italic;font-weight:600;gap:.5rem;justify-content:center}.ubuntu-icon{filter:drop-shadow(0 2px 4px rgba(255,215,0,.3));font-size:1.25rem}.footer-social{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-top:1.5rem}.social-link{border-radius:8px;color:#b0b0b0;font-size:1.5rem;padding:.5rem;text-decoration:none;transition:all .2s ease}.social-link:hover{background:#ffd7001a;color:gold;transform:translateY(-2px)}.social-link:focus{border-radius:8px;outline:2px solid gold;outline-offset:4px}.social-icon{display:block}@media (max-width:768px){.universal-footer{padding:2rem 0 1rem}.footer-container{padding:0 1rem}.footer-nav{flex-direction:column;gap:.75rem;text-align:center}.footer-separator{display:none}.footer-link{font-size:1rem;padding:.25rem .5rem}.footer-bottom{padding:1.25rem 0}.footer-copyright{font-size:.8rem}.footer-tagline{font-size:.95rem}.footer-social{gap:2rem;margin-top:1.25rem}.social-link{align-items:center;display:flex;font-size:1.75rem;justify-content:center;min-height:48px;min-width:48px;padding:.75rem}}@media (min-width:769px) and (max-width:1024px){.footer-container{padding:0 1.5rem}.footer-nav{gap:.75rem 1.25rem}}@media (prefers-contrast:high){.universal-footer{background:#000;border-top:3px solid #fff}.footer-copyright,.footer-link,.footer-separator,.footer-tagline,.social-link{color:#fff}}@media (prefers-reduced-motion:reduce){.footer-link:hover,.social-link:hover{transform:none}}@media (prefers-color-scheme:dark){.universal-footer{background:linear-gradient(135deg,#000,#0a0a0a);border-top-color:#ffd70066}}@media print{.universal-footer{background:#fff;border-top:2px solid #000;page-break-inside:avoid}.footer-copyright,.footer-link,.footer-tagline{color:#000}.construction-badge,.footer-social{display:none}}.house-nav.desktop{background:linear-gradient(180deg,#667eea,#764ba2);box-shadow:4px 0 20px #0000001a;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:width .3s ease;width:220px;z-index:1000}.house-nav.desktop.collapsed{width:60px}.house-nav.desktop.collapsed .logo-text,.house-nav.desktop.collapsed .nav-empty span:not(.empty-icon),.house-nav.desktop.collapsed .room-description,.house-nav.desktop.collapsed .room-info,.house-nav.desktop.collapsed .user-details{display:none}.house-nav.desktop.collapsed .nav-logo,.house-nav.desktop.collapsed .nav-room-link{justify-content:center;padding:1rem .5rem}.house-nav.desktop.collapsed .nav-container{padding:1rem .5rem}.nav-collapse-btn{align-items:center;background:#fff;border:2px solid #667eea;border-radius:50%;box-shadow:0 2px 8px #0003;color:#667eea;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-12px;top:16px;transition:all .2s ease;width:24px;z-index:10}.nav-collapse-btn:hover{background:#667eea;color:#fff;transform:scale(1.1)}.nav-collapse-btn:focus{outline:2px solid #ffc107;outline-offset:2px}.nav-container{display:flex;flex-direction:column;height:100%;padding:.75rem}.nav-logo{align-items:center;background:#ffffff1a;border-radius:12px;color:#fff;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem;text-decoration:none;transition:all .3s ease}.nav-logo:hover{background:#ffffff26;transform:translateX(4px)}.logo-icon{font-size:2.5rem}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:1.125rem;font-weight:700;line-height:1.2}.logo-subtitle{font-size:.75rem;font-style:italic;opacity:.9}.nav-journey{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.journey-header{align-items:center;color:#f0e6ff;display:flex;font-size:.7rem;font-weight:600;gap:.4rem;letter-spacing:.5px;padding:.4rem .5rem;text-transform:uppercase}.journey-icon{font-size:.9rem}.journey-title{opacity:.9}.journey-step{align-items:center;border-left:2px solid #0000;border-radius:6px;color:#d4ccf0;display:flex;font-size:.75rem;gap:.5rem;padding:.35rem .5rem;text-decoration:none;transition:all .2s ease}.journey-step:hover{background:#ffffff1a;color:#fff}.journey-step.active{background:#ffffff26;border-left-color:#ffc107;color:#fff}.journey-step.completed{color:#98d8aa}.journey-step.completed .step-number{background:#98d8aa;color:#1a1a2e}.step-number{background:#fff3;font-size:.65rem;height:18px;width:18px}.step-name{flex:1 1}.nav-divider{background:#ffffff26;height:1px;margin:.5rem 0}.rooms-header{color:#d4ccf0;font-size:.65rem;font-weight:600;letter-spacing:.5px;opacity:.7;padding:.3rem .5rem;text-transform:uppercase}.nav-rooms{display:flex;flex:1 1;flex-direction:column;gap:.4rem;margin-bottom:1rem}.nav-room-link{align-items:center;background:#ffffff1a;border:1px solid #0000;border-radius:8px;color:#e6e0f8;display:flex;gap:.5rem;padding:.5rem .6rem;text-decoration:none;transition:all .3s ease}.nav-room-link:hover{background:#fff3;border-color:#ffffff4d;transform:translateX(4px)}.nav-room-link.active{background:#fff;border-color:#ffc107;border-color:var(--room-color,#ffc107);box-shadow:0 4px 12px #0003;color:#1a202c}.nav-room-link .room-icon{align-items:center;display:flex;flex-shrink:0;font-size:1rem;height:28px;justify-content:center;width:28px}.nav-room-link .room-info{display:flex;flex:1 1;flex-direction:column}.nav-room-link .room-name{font-size:.8rem;font-weight:600;line-height:1.2}.nav-room-link .room-description{color:#d4ccf0;font-size:.65rem;margin-top:.1rem}.nav-room-link.active .room-description{opacity:.7}.nav-empty{align-items:center;color:#fff;display:flex;flex-direction:column;gap:.5rem;opacity:.7;padding:2rem 1rem;text-align:center}.empty-icon{font-size:2rem}.nav-user{border-top:1px solid #fff3;padding-top:1.5rem}.user-info{color:#fff;gap:.75rem;margin-bottom:1rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#ffc107,#ff9800);border-radius:50%;box-shadow:0 4px 12px #ffc1074d;color:#1a1a1a;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;width:48px}.user-details{display:flex;flex:1 1;flex-direction:column}.user-email{font-size:.875rem;font-weight:600;line-height:1.2}.user-badge{font-size:.75rem;margin-top:.25rem;opacity:.8}.sign-in-btn,.sign-out-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:.9375rem;font-weight:600;padding:.75rem 1rem;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.sign-in-btn:hover,.sign-out-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.house-nav.mobile{display:none}@media (max-width:768px){.house-nav.desktop{display:none}.house-nav.mobile{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 12px #0000001a;display:block;left:0;position:fixed;right:0;top:0;z-index:1000}.mobile-nav-header{align-items:center;display:flex;justify-content:space-between;padding:1rem 1.5rem}.mobile-logo{font-size:1.125rem;font-weight:700;gap:.5rem;text-decoration:none}.mobile-logo,.mobile-menu-btn{align-items:center;color:#fff;display:flex}.mobile-menu-btn{background:#fff3;border:none;border-radius:8px;cursor:pointer;font-size:1.5rem;height:44px;justify-content:center;transition:all .3s ease;width:44px}.mobile-menu-btn:hover{background:#ffffff4d}.mobile-menu-overlay{animation:overlay-fade-in .3s ease-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.mobile-menu-content{animation:menu-slide-in .3s ease-out;background:linear-gradient(180deg,#667eea,#764ba2);box-shadow:-4px 0 20px #0003;height:100vh;max-width:320px;overflow-y:auto;padding:2rem 1.5rem;position:absolute;right:0;top:0;width:80%}@keyframes menu-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-ubuntu{align-items:center;background:#ffffff1a;border-radius:8px;color:#fff;display:flex;font-size:.875rem;font-style:italic;gap:.75rem;margin-bottom:2rem;padding:1rem}.ubuntu-icon{font-size:1.5rem}.mobile-rooms{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.mobile-room-link{align-items:center;background:#ffffff1a;border-radius:12px;color:#fff;display:flex;gap:1rem;padding:1rem;text-decoration:none;transition:all .3s ease}.mobile-room-link:hover{background:#fff3}.mobile-room-link.active{background:#fff;color:#1a202c}.mobile-room-link .room-icon{font-size:1.5rem}.mobile-room-link .room-info{display:flex;flex-direction:column}.mobile-room-link .room-name{font-size:.9375rem;font-weight:600}.mobile-room-link .room-description{font-size:.75rem;margin-top:.25rem;opacity:.8}.mobile-user{border-top:1px solid #fff3;padding-top:1.5rem}.mobile-user-info{align-items:center;color:#fff;display:flex;gap:.75rem;margin-bottom:1rem}.mobile-user-info .user-avatar{font-size:1rem;height:40px;width:40px}.mobile-user-info .user-email{font-size:.875rem;font-weight:600}.mobile-sign-out{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1rem;width:100%}}.with-house-nav{margin-left:280px}@media (max-width:768px){.with-house-nav{margin-left:0;padding-top:72px}}.house-nav.loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1.125rem;justify-content:center;min-height:100vh}.house-nav.desktop::-webkit-scrollbar{width:6px}.house-nav.desktop::-webkit-scrollbar-track{background:#ffffff1a}.house-nav.desktop::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.house-nav.desktop::-webkit-scrollbar-thumb:hover{background:#ffffff80}.error-boundary{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.error-boundary:after,.error-boundary:before{animation:errorOrbFloat 20s ease-in-out infinite;border-radius:50%;content:"";filter:blur(100px);opacity:.3;position:absolute}.error-boundary:before{background:linear-gradient(135deg,#512da8,#7e57c2);height:500px;left:-200px;top:-200px;width:500px}.error-boundary:after{animation-delay:-10s;background:linear-gradient(135deg,#d4af37,#f5d775);bottom:-150px;height:400px;right:-150px;width:400px}@keyframes errorOrbFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,30px) scale(1.1)}}.error-boundary-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #0006,inset 0 1px 0 #ffffff1a;max-width:640px;padding:48px;position:relative;text-align:center;width:100%;z-index:10}.error-icon{animation:iconPulse 2s ease-in-out infinite;display:block;font-size:4rem}@keyframes iconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.error-title{color:#f8fafc;font-family:"DM Serif Display",Georgia,serif;font-size:2rem;font-weight:800;line-height:1.2;margin:0 0 16px}.error-message{color:#94a3b8;font-size:1.1rem;line-height:1.7;margin:0 0 32px}.error-actions{gap:12px;margin-bottom:32px}.error-actions .btn-primary,.error-actions .btn-secondary,.error-actions .btn-tertiary{border:none;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.error-actions .btn-primary{background:linear-gradient(135deg,#512da8,#7e57c2);box-shadow:0 4px 15px #512da866;color:#fff}.error-actions .btn-primary:hover{box-shadow:0 8px 25px #512da880;transform:translateY(-3px)}.error-actions .btn-primary:focus{outline:2px solid #d4af37;outline-offset:3px}.error-actions .btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#f1f5f9}.error-actions .btn-secondary:hover{background:#ffffff26;transform:translateY(-2px)}.error-actions .btn-secondary:focus{outline:2px solid #d4af37;outline-offset:3px}.error-actions .btn-tertiary{background:#d4af371a;border:1px solid #d4af374d;color:#d4af37;font-size:.9rem;padding:10px 20px}.error-actions .btn-tertiary:hover{background:#d4af3733}.error-actions .btn-tertiary:focus{outline:2px solid #d4af37;outline-offset:3px}.error-help{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-top:24px;padding:20px 24px;text-align:left}.error-help p{color:#e2e8f0;font-size:.95rem;font-weight:600;margin:0 0 12px}.error-help ul{color:#94a3b8;margin:0;padding-left:20px}.error-help li{font-size:.9rem;line-height:1.6;margin:8px 0}.error-help a{color:#d4af37;font-weight:600;text-decoration:none;transition:color .2s}.error-help a:hover{color:#f5d775;text-decoration:underline}.error-details{background:#0003;border:1px solid #ffffff1a;border-radius:12px;margin:24px 0;overflow:hidden;text-align:left}.error-details summary{background:#d4af371a;color:#d4af37;cursor:pointer;font-weight:600;padding:16px 20px;transition:background .2s}.error-details summary:hover{background:#d4af3726}.error-details[open] summary{border-bottom:1px solid #ffffff1a}.error-stack{padding:20px}.error-stack h3{color:#94a3b8;font-size:.9rem;letter-spacing:.5px;margin:16px 0 8px;text-transform:uppercase}.error-stack h3:first-child{margin-top:0}.error-stack pre{background:#0000004d;border-radius:8px;color:#fca5a5;font-family:Fira Code,Monaco,monospace;font-size:.8rem;line-height:1.6;overflow-x:auto;padding:16px}.error-ubuntu{border-top:1px solid #ffffff1a;margin-top:32px;padding-top:24px}.error-ubuntu p{font-size:.95rem;margin:6px 0}.error-ubuntu p:first-child{color:#d4af37;font-size:1rem;font-weight:700}.error-ubuntu p:last-child{color:#94a3b8}.section-error-boundary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:16px;margin:16px 0;padding:24px}.section-error-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.section-error-icon{flex-shrink:0;font-size:2rem}.section-error-text{flex:1 1;min-width:200px}.section-error-text h3{color:#f59e0b;font-size:1rem;font-weight:700;margin:0 0 6px}.section-error-text p{color:#f59e0bcc;font-size:.9rem;margin:0}.section-error-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.section-error-btn:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-2px)}.section-error-btn:focus{outline:2px solid #f59e0b;outline-offset:2px}@media (max-width:768px){.error-boundary-container{padding:32px 24px}.error-icon{font-size:3.5rem}.error-title{font-size:1.5rem}.error-message{font-size:1rem}.error-actions{flex-direction:column}.error-actions .btn-primary,.error-actions .btn-secondary,.error-actions .btn-tertiary{width:100%}}@media (max-width:480px){.error-boundary{padding:16px}.error-boundary-container{padding:24px 20px}.error-icon{font-size:3rem}.error-title{font-size:1.3rem}.error-help{padding:16px}.section-error-content{flex-direction:column;text-align:center}.section-error-btn{width:100%}}@media (prefers-reduced-motion:reduce){.error-boundary:after,.error-boundary:before,.error-icon{animation:none}.error-actions .btn-primary:hover,.error-actions .btn-secondary:hover,.section-error-btn:hover{transform:none}}@media (prefers-contrast:high){.error-boundary-container{background:#0f172a;border:2px solid #d4af37}.error-actions .btn-primary{background:#512da8}.error-actions .btn-secondary{border:2px solid #f1f5f9}.section-error-boundary{background:#1e293b;border:2px solid #f59e0b}}@media (prefers-color-scheme:light){.error-boundary{background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#f8fafc)}.error-boundary:before{opacity:.15}.error-boundary:after{opacity:.1}.error-boundary-container{background:#ffffffe6;border:1px solid #00000014;box-shadow:0 20px 40px #0000001a}.error-title{color:#1e293b}.error-message{color:#64748b}.error-help{background:#00000008;border-color:#00000014}.error-help p{color:#334155}.error-help ul,.error-ubuntu p:last-child{color:#64748b}.error-actions .btn-secondary{background:#0000000d;border-color:#00000026;color:#334155}.error-actions .btn-secondary:hover{background:#00000014}.section-error-boundary{background:#f59e0b14;border-color:#f59e0b66}}.offline-indicator{animation:slideDown .4s cubic-bezier(.4,0,.2,1);left:0;padding:0;position:fixed;right:0;top:0;z-index:9999}.offline-indicator.offline{background:linear-gradient(135deg,#f59e0bf2,#d97706f2);box-shadow:0 4px 24px #f59e0b4d,0 1px 3px #0000001a}.offline-indicator.offline,.offline-indicator.online{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #fff3}.offline-indicator.online{background:linear-gradient(135deg,#10b981f2,#059669f2);box-shadow:0 4px 24px #10b9814d,0 1px 3px #0000001a}.offline-indicator.reconnected{animation:slideDown .4s cubic-bezier(.4,0,.2,1),celebrate .6s ease-out .4s}.offline-indicator-content{align-items:center;display:flex;gap:20px;margin:0 auto;max-width:1400px;padding:16px 24px}.status-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;position:relative;width:44px}.status-icon svg{height:28px;width:28px}.offline-icon{background:#78350f33;color:#78350f}.online-icon{background:#ffffff40;color:#fff}.pulse-ring{animation:pulseRing 1.5s ease-out infinite;border:2px solid #ffffff80;border-radius:16px;inset:-4px;position:absolute}@keyframes pulseRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.offline-indicator-text{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.offline-indicator-text strong{font-size:1rem;font-weight:700;letter-spacing:-.01em}.offline-indicator.offline .offline-indicator-text strong{color:#78350f}.offline-indicator.online .offline-indicator-text strong{color:#fff}.offline-indicator-text span{font-size:.9rem;line-height:1.4}.offline-indicator.offline .offline-indicator-text span{color:#78350fd9}.offline-indicator.online .offline-indicator-text span{color:#ffffffe6}.sync-progress{background:#ffffff4d;border-radius:3px;flex-shrink:0;height:6px;overflow:hidden;width:120px}.sync-progress-bar{background:#fff;border-radius:3px;box-shadow:0 0 10px #ffffff80;height:100%;transition:width .3s ease}.celebration-dots{display:flex;flex-shrink:0;gap:6px}.celebration-dots .dot{animation:dotBounce 1s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}.celebration-dots .dot:nth-child(2){animation-delay:.15s}.celebration-dots .dot:nth-child(3){animation-delay:.3s}@keyframes dotBounce{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.offline-actions{flex-shrink:0}.btn-retry{align-items:center;background:#78350f26;border:1px solid #78350f4d;border-radius:8px;color:#78350f;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-retry:hover{background:#78350f40;transform:translateY(-1px)}.btn-retry:focus{outline:2px solid #78350f;outline-offset:2px}.btn-retry svg{flex-shrink:0}.offline-indicator-close{align-items:center;background:#0000001a;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.offline-indicator.offline .offline-indicator-close{color:#78350f}.offline-indicator.online .offline-indicator-close{color:#fff}.offline-indicator-close:hover{background:#0003;transform:scale(1.05)}.offline-indicator-close:focus{outline:2px solid currentColor;outline-offset:2px}.offline-pulse-bar{background:#78350f33;bottom:0;height:3px;left:0;overflow:hidden;position:absolute;right:0}.pulse-wave{animation:pulseWave 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#78350f99,#0000);height:100%;left:0;position:absolute;width:30%}@keyframes pulseWave{0%{left:-30%}to{left:100%}}@media (max-width:768px){.offline-indicator-content{flex-wrap:wrap;gap:14px;padding:14px 16px}.status-icon{height:40px;width:40px}.status-icon svg{height:24px;width:24px}.offline-indicator-text strong{font-size:.95rem}.offline-indicator-text span{font-size:.85rem}.sync-progress{width:80px}.btn-retry{font-size:.85rem;padding:8px 16px}}@media (max-width:480px){.offline-indicator-content{gap:12px;padding:12px}.status-icon{height:36px;width:36px}.status-icon svg{height:20px;width:20px}.offline-indicator-text{flex:1 1 100%;order:2}.offline-actions{order:3;width:100%}.btn-retry{justify-content:center;width:100%}.offline-indicator-close{order:1;position:absolute;right:10px;top:10px}.celebration-dots,.sync-progress{order:4;width:100%}.celebration-dots{justify-content:center}}@media (prefers-color-scheme:dark){.offline-indicator.offline{background:linear-gradient(135deg,#d97706f2,#b45309f2)}.offline-indicator.offline .btn-retry,.offline-indicator.offline .offline-indicator-close,.offline-indicator.offline .offline-indicator-text span,.offline-indicator.offline .offline-indicator-text strong{color:#fef3c7}.offline-icon{background:#fef3c733;color:#fef3c7}.btn-retry{background:#fef3c726;border-color:#fef3c74d}.btn-retry:hover{background:#fef3c740}.offline-pulse-bar{background:#fef3c733}.pulse-wave{background:linear-gradient(90deg,#0000,#fef3c799,#0000)}}@media (prefers-reduced-motion:reduce){.celebration-dots .dot,.offline-indicator,.offline-indicator.reconnected,.pulse-ring,.pulse-wave{animation:none!important}.pulse-ring{display:none}.sync-progress-bar{transition:none}}@media (prefers-contrast:high){.offline-indicator.offline{background:#d97706;border-bottom:2px solid #78350f}.offline-indicator.online{background:#059669;border-bottom:2px solid #fff}.btn-retry:focus,.offline-indicator-close:focus{outline-width:3px}}.keyboard-help-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.keyboard-help-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}.keyboard-help-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:24px 32px}.keyboard-help-header h2{align-items:center;color:#2d3748;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0}.keyboard-help-close{align-items:center;background:none;border:none;border-radius:4px;color:#718096;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.keyboard-help-close:hover{background:#f7fafc;color:#2d3748}.keyboard-help-close:focus{outline:2px solid #667eea;outline-offset:2px}.keyboard-help-content{flex:1 1;overflow-y:auto;padding:24px 32px}.keyboard-help-section{margin-bottom:32px}.keyboard-help-section:last-child{margin-bottom:0}.keyboard-help-category{color:#667eea;font-size:14px;font-weight:700;letter-spacing:.05em;margin:0 0 16px;text-transform:uppercase}.keyboard-help-list{display:flex;flex-direction:column;gap:12px}.keyboard-help-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:all .2s ease}.keyboard-help-item:hover{background:#edf2f7;transform:translateX(4px)}.keyboard-help-keys{align-items:center;display:flex;flex-shrink:0;gap:4px}.keyboard-key{align-items:center;background:#fff;border:solid #cbd5e0;border-radius:6px;border-width:2px 2px 4px;box-shadow:0 1px 2px #0000000d;color:#2d3748;display:inline-flex;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:13px;font-weight:600;height:32px;justify-content:center;min-width:32px;padding:0 8px}.keyboard-plus{color:#a0aec0;font-size:12px;font-weight:600;margin:0 2px}.keyboard-help-description{color:#4a5568;flex:1 1;font-size:15px;line-height:1.5;margin-left:16px}.keyboard-help-footer{background:#f7fafc;border-radius:0 0 16px 16px;border-top:2px solid #f0f0f0;padding:20px 32px}.keyboard-help-note{background:linear-gradient(135deg,#667eea15,#764ba215);border-left:4px solid #667eea;border-radius:4px;color:#4a5568;font-size:14px;line-height:1.6;margin:0 0 16px;padding:12px}.keyboard-help-note strong{color:#667eea}.keyboard-help-note kbd{align-items:center;background:#fff;border:solid #cbd5e0;border-radius:4px;border-width:1px 1px 2px;color:#2d3748;display:inline-flex;font-family:SF Mono,Monaco,monospace;font-size:12px;font-weight:600;height:24px;justify-content:center;margin:0 2px;min-width:24px;padding:0 6px}.keyboard-help-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:all .2s ease;width:100%}.keyboard-help-button:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.keyboard-help-button:active{transform:translateY(0)}.keyboard-help-button:focus{outline:3px solid #667eea;outline-offset:2px}@media (max-width:768px){.keyboard-help-modal{max-height:95vh}.keyboard-help-content,.keyboard-help-footer,.keyboard-help-header{padding-left:20px;padding-right:20px}.keyboard-help-header h2{font-size:20px}.keyboard-help-item{align-items:flex-start;flex-direction:column;gap:8px}.keyboard-help-description{margin-left:0}.keyboard-help-category{font-size:13px}}@media (prefers-color-scheme:dark){.keyboard-help-modal{background:#2d3748}.keyboard-help-header{border-bottom-color:#4a5568}.keyboard-help-header h2{color:#f7fafc}.keyboard-help-close{color:#a0aec0}.keyboard-help-close:hover{background:#4a5568;color:#f7fafc}.keyboard-help-item{background:#1a202c}.keyboard-help-item:hover,.keyboard-key{background:#2d3748}.keyboard-key{border-color:#4a5568;color:#e2e8f0}.keyboard-help-description{color:#cbd5e0}.keyboard-help-footer{background:#1a202c;border-top-color:#4a5568}.keyboard-help-note{background:#667eea1a;color:#cbd5e0}.keyboard-help-note kbd{background:#2d3748;border-color:#4a5568;color:#e2e8f0}}@media (prefers-reduced-motion:reduce){.keyboard-help-item,.keyboard-help-modal,.keyboard-help-overlay{animation:none!important;transition:none!important}.keyboard-help-button:hover,.keyboard-help-item:hover{transform:none}}.soundscape-control{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4a148cf2;border-radius:12px;bottom:20px;box-shadow:0 4px 20px #0000004d;position:fixed;right:20px;transition:all .3s ease;z-index:999}.soundscape-control.collapsed{height:60px;width:60px}.soundscape-control.expanded{padding:1rem;width:320px}.soundscape-toggle-btn{align-items:center;background:none;border:none;color:#f5f5f5;cursor:pointer;display:flex;font-size:24px;height:100%;justify-content:center;padding:0;transition:transform .2s ease;width:100%}.soundscape-control.collapsed .soundscape-toggle-btn{height:60px;width:60px}.soundscape-control.expanded .soundscape-toggle-btn{font-size:16px;height:30px;position:absolute;right:8px;top:8px;width:30px}.soundscape-toggle-btn:hover{transform:scale(1.1)}.soundscape-controls{color:#f5f5f5}.soundscape-header{padding-right:35px}.soundscape-header h4{color:#f39c12;font-size:1.1rem;font-weight:600;margin:0}.soundscape-status{color:#fffc;font-size:.85rem;font-style:italic}.soundscape-row{margin-bottom:1rem}.soundscape-label{align-items:center;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem}.soundscape-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.volume-control{gap:.5rem;margin-top:.5rem}.volume-icon{font-size:1.2rem}.volume-slider{border-radius:3px;flex:1 1;height:6px}.volume-slider::-webkit-slider-thumb{background:#f39c12;height:16px;width:16px}.volume-slider::-webkit-slider-thumb:hover{background:#e67e22}.volume-slider::-moz-range-thumb{background:#f39c12;height:16px;width:16px}.volume-slider::-moz-range-thumb:hover{background:#e67e22}.volume-value{color:#ffffffe6;font-size:.85rem;min-width:40px;text-align:right}.soundscape-hint{color:#fff9;font-size:.85rem;font-style:italic;line-height:1.4;margin:.5rem 0 0}@media (max-width:768px){.soundscape-control{bottom:80px;right:10px}.soundscape-control.expanded{width:280px}}@media (prefers-reduced-motion:reduce){.soundscape-control,.soundscape-toggle-btn,.volume-slider::-moz-range-thumb,.volume-slider::-webkit-slider-thumb{-webkit-transition:none;-moz-transition:none;transition:none}}@media (prefers-contrast:high){.soundscape-control{border:2px solid #f5f5f5}.soundscape-label,.soundscape-toggle-btn{border:1px solid #ffffff4d;padding:.25rem}}.skip-to-content{border-radius:0 0 12px 12px;box-shadow:0 8px 24px #512da866;font-size:1.1rem;left:50%;padding:1rem 2rem;top:-100px;transform:translateX(-50%);transition:top .3s ease;z-index:9999}.skip-to-content:focus{outline:3px solid #d4af37;outline-offset:2px}.skip-to-content:hover{background:#6a3ab8}.soundscape-player{bottom:2rem;position:fixed;right:2rem;z-index:1000}.soundscape-toggle{align-items:center;background:linear-gradient(135deg,#512da8,#3d1e7a);border:none;border-radius:50%;box-shadow:0 3px 12px #512da84d;cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:all .3s ease;width:44px}.soundscape-toggle:hover{background:linear-gradient(135deg,#d4af37,#b8860b);box-shadow:0 5px 20px #512da880;transform:scale(1.08)}.soundscape-toggle:active{transform:scale(.95)}.soundscape-icon{font-size:1.4rem}.playing-indicator{align-items:center;animation:pulse 2s infinite;background:#10b981;border-radius:50%;display:flex;font-size:.8rem;height:20px;justify-content:center;position:absolute;right:-4px;top:-4px;width:20px}.soundscape-panel{animation:slideUp .3s ease;background:#fff;border-radius:16px;bottom:80px;box-shadow:0 10px 40px #512da84d;padding:1.5rem;position:absolute;right:0;width:320px}.soundscape-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.soundscape-header h3{color:#512da8;font-size:1.3rem;font-weight:700;margin:0}.btn-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.btn-close:hover{background:#f3f4f6;color:#374151}.btn-play{background:linear-gradient(135deg,#512da8,#d4af37);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:.875rem;transition:all .3s ease;width:100%}.btn-play:hover{box-shadow:0 6px 20px #512da866;transform:translateY(-2px)}.btn-play:active{transform:translateY(0)}.btn-play.playing{background:linear-gradient(135deg,#10b981,#059669)}.soundscape-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.soundscape-option{align-items:center;background:#f9fafb;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;text-align:left;transition:all .2s ease}.soundscape-option:hover:not(:disabled){background:#f3f4f6;border-color:#512da8}.soundscape-option.active{background:linear-gradient(135deg,#ede7f6,#f8f6fa);border-color:#512da8}.soundscape-option:disabled{cursor:not-allowed;opacity:.5}.option-icon{flex-shrink:0;font-size:1.5rem}.option-name{color:#374151;font-size:.95rem;font-weight:600}.option-desc{color:#6b7280;font-size:.8rem;margin-left:auto;text-align:right}.volume-control{margin-bottom:1rem}.volume-control label{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.volume-value{color:#512da8;font-size:.9rem}.volume-slider{background:linear-gradient(90deg,#512da8 30%,#e5e7eb 0);background:linear-gradient(to right,#512da8 var(--volume,30%),#e5e7eb var(--volume,30%));border-radius:4px;height:8px;width:100%}.volume-slider::-webkit-slider-thumb{background:#512da8;border:2px solid #fff;box-shadow:0 2px 8px #512da84d;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{background:#512da8;border:2px solid #fff;box-shadow:0 2px 8px #512da84d;height:18px;-moz-transition:all .2s ease;transition:all .2s ease;width:18px}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.soundscape-info{background:#f9fafb;border-radius:8px;color:#512da8b3;font-size:.85rem;font-style:italic;margin:0;padding:.75rem;text-align:center}@media (max-width:768px){.soundscape-player{bottom:1rem;right:1rem}.soundscape-panel{bottom:56px;width:280px}.soundscape-toggle{height:40px;width:40px}.soundscape-icon{font-size:1.2rem}}.btn-play:focus,.soundscape-option:focus,.soundscape-toggle:focus,.volume-slider:focus{outline:3px solid #d4af37;outline-offset:2px}@media (prefers-reduced-motion:reduce){.soundscape-panel,.soundscape-player *{animation:none!important;transition:none!important}}.quick-exit-container{align-items:flex-end;bottom:24px;display:flex;flex-direction:column;gap:8px;position:fixed;right:24px;z-index:9998}.quick-exit-tooltip{bottom:100%;margin-bottom:12px;opacity:0;pointer-events:none;position:absolute;right:0;transform:translateY(8px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden}.quick-exit-tooltip.visible{opacity:1;transform:translateY(0);visibility:visible}.tooltip-content{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f172af2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 24px #0000004d,0 2px 8px #0003;display:flex;flex-direction:column;gap:4px;padding:12px 16px;white-space:nowrap}.tooltip-title{color:#f1f5f9;font-size:.9rem;font-weight:700}.tooltip-desc{color:#94a3b8;font-size:.8rem}.tooltip-arrow{background:#0f172af2;border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff1a;bottom:-6px;height:12px;position:absolute;right:24px;transform:rotate(45deg);width:12px}.quick-exit-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#64748be6,#475569e6);border:1px solid #ffffff26;border-radius:50px;box-shadow:0 4px 16px #0003,0 2px 4px #0000001a,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:10px;letter-spacing:.5px;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-exit-btn:hover{background:linear-gradient(135deg,#78889ff2,#5b697df2);box-shadow:0 8px 24px #0000004d,0 4px 8px #00000026,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.quick-exit-btn:active{transform:translateY(0) scale(.98)}.quick-exit-btn:focus{outline:2px solid #3b82f6;outline-offset:3px}.quick-exit-btn.exiting{animation:exitPulse .3s ease-out;background:linear-gradient(135deg,#10b981f2,#059669f2)}@keyframes exitPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{opacity:0;transform:scale(1)}}.exit-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.exit-icon svg{height:100%;width:100%}.exit-text{font-size:.85rem;text-transform:uppercase}.escape-indicator{display:flex;gap:4px;margin-left:4px}.escape-indicator .dot{background:#ffffff4d;border-radius:50%;height:6px;transition:all .2s ease;width:6px}.escape-indicator .dot.active{animation:dotPop .2s ease-out;background:#10b981;box-shadow:0 0 8px #10b98180}@keyframes dotPop{0%{transform:scale(.5)}50%{transform:scale(1.3)}to{transform:scale(1)}}.sr-only{border:0}@media (max-width:768px){.quick-exit-container{bottom:16px;right:16px}.quick-exit-btn{font-size:.85rem;gap:8px;padding:12px 16px}.exit-icon{height:18px;width:18px}.tooltip-content{padding:10px 14px}.tooltip-title{font-size:.85rem}.tooltip-desc{font-size:.75rem}}@media (max-width:480px){.quick-exit-container{bottom:12px;right:12px}.quick-exit-btn{border-radius:12px;padding:10px 14px}.exit-text{display:none}.exit-icon{height:22px;width:22px}.quick-exit-tooltip{right:50%;transform:translateX(50%) translateY(8px)}.quick-exit-tooltip.visible{transform:translateX(50%) translateY(0)}.tooltip-arrow{right:calc(50% - 6px)}}@media print{.quick-exit-container{display:none!important}}@media (prefers-reduced-motion:reduce){.escape-indicator .dot,.quick-exit-btn,.quick-exit-tooltip{animation:none!important;transition:none!important}.quick-exit-btn:hover{transform:none}}@media (prefers-contrast:high){.quick-exit-btn{background:#475569;border:2px solid #fff}.quick-exit-btn:focus{outline-width:3px}.tooltip-content{background:#0f172a;border:2px solid #fff}}@media (prefers-color-scheme:light){.quick-exit-btn{background:linear-gradient(135deg,#475569f2,#334155f2);box-shadow:0 4px 16px #00000026,0 2px 4px #00000014}.quick-exit-btn:hover{background:linear-gradient(135deg,#5b697dfa,#475569fa)}}.journey-progress-compact{align-items:center;background:var(--cream-light);border:1px solid var(--cream-deep);border-radius:var(--radius-pill);display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.progress-bar-track{background:var(--cream-deep);border-radius:3px;flex:1 1;height:6px;overflow:hidden;position:relative}.progress-bar-fill{background:linear-gradient(90deg,var(--phoenix-ember),var(--phoenix-gold));border-radius:3px;height:100%;position:relative}.progress-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff80);content:"";height:100%;position:absolute;right:0;top:0;width:20px}.progress-text{color:var(--earth-soil);font-size:.85rem;font-weight:600;white-space:nowrap}.journey-progress-full{background:#fff;border:1px solid var(--cream-deep);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-2xl)}.progress-header{margin-bottom:var(--space-xl)}.progress-header h3{color:var(--indigo-deep);font-size:1.5rem;margin:0}.progress-percentage{font-size:1.25rem;font-weight:700}.milestones-track{align-items:flex-start;display:flex;gap:var(--space-xs);justify-content:space-between;margin-bottom:var(--space-lg);overflow-x:auto;padding-bottom:var(--space-md)}.milestone-node{flex-direction:column;gap:var(--space-xs);min-width:60px}.milestone-dot,.milestone-node{align-items:center;display:flex;position:relative}.milestone-dot{background:var(--cream-deep);border:2px solid var(--cream-deep);border-radius:50%;height:32px;justify-content:center;transition:all .3s ease;width:32px;z-index:2}.milestone-node.completed .milestone-dot{background:var(--phoenix-gold);border-color:var(--phoenix-gold);box-shadow:0 0 12px #faa30766}.milestone-node.current .milestone-dot{animation:pulse-current 2s infinite;background:var(--phoenix-ember);border-color:var(--phoenix-ember);box-shadow:0 0 16px #e85d0480}@keyframes pulse-current{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.check-icon{color:#fff;font-size:1rem;font-weight:700}.pulse-dot{animation:pulse-dot 1.5s infinite;background:#fff;height:8px;width:8px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.milestone-label{color:var(--earth-soil);font-size:.7rem;font-weight:500;line-height:1.2;max-width:60px;text-align:center}.milestone-node.completed .milestone-label{color:var(--phoenix-gold);font-weight:600}.milestone-node.current .milestone-label{color:var(--phoenix-ember);font-weight:700}.progress-bar-track-full{background:var(--cream-deep);border-radius:4px;height:8px;overflow:hidden;position:relative}.progress-bar-fill-full{background:linear-gradient(90deg,var(--phoenix-ember),var(--phoenix-gold));border-radius:4px;height:100%;position:relative}.progress-bar-fill-full:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff9);content:"";height:100%;position:absolute;right:0;top:0;width:30px}@media (max-width:768px){.journey-progress-full{padding:var(--space-lg)}.progress-header{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.milestones-track{gap:var(--space-xs)}.milestone-node{min-width:50px}.milestone-dot{height:24px;width:24px}.milestone-label{font-size:.6rem;max-width:50px}}.onboarding-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999}.onboarding-modal{border-radius:24px;max-width:900px;width:90%}.onboarding-progress{align-items:center;gap:1rem;padding:2rem 2rem 1rem}.progress-dot{align-items:center;background:#ecf0f1;color:#7f8c8d;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.progress-dot.active{color:#fff;transform:scale(1.1)}.progress-line{background:#ecf0f1;border-radius:2px;height:4px;transition:background .3s ease;width:80px}.progress-line.active{background:linear-gradient(90deg,#667eea,#764ba2)}.onboarding-step{animation:fadeInStep .5s ease;padding:2rem 3rem 3rem}@keyframes fadeInStep{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.step-icon{font-size:4rem;margin-bottom:1rem;text-align:center}.step-title{color:#2c3e50;font-size:2.5rem;font-weight:800;margin-bottom:.5rem;text-align:center}.step-subtitle{color:#7f8c8d;font-size:1.3rem}.step-subtitle,.ubuntu-greeting{margin-bottom:2rem;text-align:center}.ubuntu-greeting{color:#667eea;font-size:1.2rem;font-style:italic}.step-content{margin:0 auto;max-width:800px}.step-description{color:#34495e;font-size:1.1rem;line-height:1.7;margin-bottom:2rem;text-align:center}.cathedral-concept{margin:2rem 0}.cathedral-concept h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem;text-align:center}.concept-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:1.5rem}.concept-card{background:linear-gradient(135deg,#f5f7fa,#e9ecef);border-radius:12px;padding:1.5rem;text-align:center;transition:transform .3s ease}.concept-card:hover{transform:translateY(-4px)}.concept-icon{display:block;font-size:2.5rem;margin-bottom:.5rem}.concept-card h4{color:#2c3e50;font-size:1.2rem;margin-bottom:.5rem}.concept-card p{color:#7f8c8d;font-size:.95rem;margin:0}.learning-framework{margin:2rem 0}.learning-framework h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem;text-align:center}.tldf-phases{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;list-style:none;padding:1.5rem 2rem}.tldf-phases li{border-bottom:1px solid #fff3;font-size:1.05rem;padding:.75rem 0}.tldf-phases li:last-child{border-bottom:none}.tldf-phases strong{font-size:1.1rem;font-weight:700}.programmes-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.programme-card{background:#f8f9fa;border:3px solid #0000;border-radius:16px;cursor:pointer;padding:2rem;position:relative;transition:all .3s ease}.programme-card:hover{border-color:var(--programme-color);box-shadow:0 8px 24px #0000001a;transform:translateY(-6px)}.programme-card.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:var(--programme-color)}.programme-icon{display:block;font-size:3rem;margin-bottom:1rem}.programme-name{color:#2c3e50;font-size:1.4rem;font-weight:700;margin-bottom:.25rem}.programme-subtitle{color:#7f8c8d;font-size:1rem;font-style:italic;margin-bottom:.75rem}.programme-description{color:#34495e;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.programme-meta{align-items:center;color:#7f8c8d;display:flex;font-size:.9rem;gap:.5rem}.selected-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem}.step-note{color:#7f8c8d;font-size:1rem;margin-top:1.5rem;text-align:center}.phoenix-dimensions{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}.dimension-card{background:linear-gradient(135deg,#f5f7fa,#e9ecef);border-radius:16px;padding:2rem;text-align:center}.dimension-icon{display:block;font-size:3rem;margin-bottom:1rem}.dimension-card h3{color:#2c3e50;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.dimension-card>p{color:#7f8c8d;font-size:1rem;margin-bottom:1rem}.dimension-questions{background:#fff;border-radius:8px;margin-top:1rem;padding:1rem}.dimension-questions p{color:#34495e;font-size:.9rem;margin:.5rem 0;text-align:left}.phoenix-note{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-top:2rem;padding:2rem;text-align:center}.phoenix-note p{font-size:1.1rem;margin:.5rem 0}.phoenix-note strong{font-weight:700}.onboarding-actions{align-items:center;justify-content:space-between;padding:0 3rem 2rem}.btn-group{display:flex;gap:1rem}.btn-back,.btn-next,.btn-skip{border:none;border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.btn-skip{background:#0000;color:#7f8c8d}.btn-skip:hover{color:#34495e}.btn-back{background:#ecf0f1;color:#2c3e50}.btn-back:hover{background:#d5dbdb}.btn-next{background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem 2.5rem}.btn-next:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-next:disabled{cursor:not-allowed;opacity:.5}.onboarding-footer{align-items:center;background:linear-gradient(135deg,#ffecd2,#fcb69f);border-bottom-left-radius:24px;border-bottom-right-radius:24px;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;text-align:center}.ubuntu-message{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.keyboard-hints{color:#7f8c8d;font-size:.9rem;font-style:italic}.learn-more-link{background:#0000;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.learn-more-link:hover{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.learn-more-link:focus{outline:3px solid #d4af37;outline-offset:4px}@media (max-width:768px){.onboarding-modal{max-height:95vh;width:95%}.onboarding-step{padding:1.5rem 1.5rem 2rem}.step-title{font-size:2rem}.concept-grid,.phoenix-dimensions,.programmes-grid{grid-template-columns:1fr}.onboarding-actions{flex-direction:column;padding:0 1.5rem 1.5rem}.btn-group{flex-direction:column;width:100%}.btn-back,.btn-next,.btn-skip{width:100%}}@media (max-width:480px){.step-icon{font-size:3rem}.step-title{font-size:1.6rem}.step-subtitle{font-size:1.1rem}.dimension-icon,.programme-icon{font-size:2.5rem}}.onboarding-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.onboarding-modal{animation:slideUp .4s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}.onboarding-skip{background:#0000;border:none;border-radius:8px;color:#999;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.onboarding-skip:hover{background:#f5f5f5;color:#666}.onboarding-content{margin-bottom:2rem;text-align:center}.onboarding-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(102,126,234,.3));font-size:5rem;margin-bottom:1.5rem}.onboarding-title{color:#2d2d2d;font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 1.5rem}.onboarding-text{color:#555;font-size:1.1rem;line-height:1.7;text-align:left}.onboarding-text p{margin:0 0 1rem}.onboarding-text p:last-child{margin-bottom:0}.section-list{margin:1.5rem 0}.section-item{background:linear-gradient(135deg,#f9f5ff,#ede8f5);border-radius:8px;margin-bottom:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease}.section-item:hover{box-shadow:0 2px 8px #667eea33;transform:translateX(4px)}.section-item strong{color:#667eea;font-weight:700;margin-right:.5rem}.section-item:last-child{margin-bottom:0}.onboarding-progress{display:flex;gap:.75rem;justify-content:center;margin-bottom:2rem}.progress-dot{background:#e0e0e0;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.progress-dot:hover{background:#bbb;transform:scale(1.2)}.progress-dot.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea66;transform:scale(1.3)}.progress-dot.completed{background:#4caf50}.onboarding-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.onboarding-actions .btn-primary,.onboarding-actions .btn-secondary{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;max-width:200px;padding:1rem 2rem;transition:all .3s ease}.onboarding-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.onboarding-actions .btn-primary:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.onboarding-actions .btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.onboarding-actions .btn-secondary:hover{background:#f9f5ff;transform:translateY(-2px)}.step-indicator{color:#999;font-size:.85rem;font-weight:500;text-align:center}@media (max-width:768px){.onboarding-modal{max-height:95vh;padding:2rem 1.5rem}.onboarding-icon{font-size:4rem}.onboarding-title{font-size:1.5rem}.onboarding-text{font-size:1rem}.onboarding-actions{flex-direction:column}.onboarding-actions .btn-primary,.onboarding-actions .btn-secondary{max-width:100%}}@media (max-width:480px){.onboarding-modal{border-radius:16px;padding:1.5rem 1rem}.onboarding-icon{font-size:3rem;margin-bottom:1rem}.onboarding-title{font-size:1.3rem}.onboarding-text{font-size:.95rem}.section-item{font-size:.9rem;padding:.6rem .8rem}.onboarding-skip{font-size:.85rem;padding:.4rem .8rem}}@media (prefers-reduced-motion:reduce){.onboarding-icon,.onboarding-modal,.onboarding-overlay{animation:none}.onboarding-actions button:hover,.progress-dot:hover,.section-item:hover{transform:none}}@media print{.onboarding-overlay{display:none}}.consent-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#512da8d9;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}.consent-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 24px 48px #512da833;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:100%}.consent-modal-header{background:linear-gradient(135deg,#ede7f6,#f3e5f5);border-bottom:2px solid #d4af37;padding:32px 32px 24px;text-align:center}.consent-modal-icon{animation:pulse 2s ease-in-out infinite;font-size:64px;margin-bottom:16px}.consent-modal-title{color:#512da8;font-family:"DM Serif Display",Georgia,serif;font-size:28px;font-weight:600;line-height:1.2;margin:0 0 12px}.consent-modal-subtitle{color:#424242;font-family:Lato,Helvetica,sans-serif;font-size:16px;line-height:1.5;margin:0}.consent-progress{align-items:center;background:#fafafa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px 32px}.consent-progress-step{align-items:center;display:flex;flex:1 1;flex-direction:column;opacity:.4;position:relative;transition:opacity .3s ease}.consent-progress-step.active{opacity:1}.consent-progress-step.complete{opacity:.7}.consent-progress-step:not(:last-child):after{background:linear-gradient(90deg,#d4af37 0,#0000);content:"";height:2px;left:60%;position:absolute;top:20px;width:100%}.consent-progress-dot{align-items:center;background:#fff;border:3px solid #e0e0e0;border-radius:50%;display:flex;font-size:24px;height:48px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:48px}.consent-progress-step.active .consent-progress-dot{border-color:#512da8;box-shadow:0 0 0 4px #512da826;transform:scale(1.1)}.consent-progress-step.complete .consent-progress-dot{background:#fff9e6;border-color:#d4af37}.consent-progress-label{color:#757575;font-family:Lato,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.consent-modal-body{flex:1 1;overflow-y:auto;padding:32px}.consent-tier-card{background:#fff;border:2px solid #ede7f6;border-radius:12px;padding:24px}.consent-tier-header{margin-bottom:24px}.consent-tier-title-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.consent-tier-title{color:#512da8;font-family:"DM Serif Display",serif;font-size:22px;font-weight:600;margin:0}.consent-optional-badge,.consent-required-badge{border-radius:12px;font-family:Lato,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.consent-required-badge{background:#512da8;color:#fff}.consent-optional-badge{background:#e0e0e0;color:#616161}.consent-tier-summary{color:#616161;font-family:Lato,sans-serif;font-size:15px;line-height:1.5;margin:0}.consent-toggle-row{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.consent-toggle{display:inline-block;flex-shrink:0;height:32px;position:relative;width:56px}.consent-toggle input{height:0;opacity:0;width:0}.consent-toggle-slider{background-color:#bdbdbd;border-radius:32px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.consent-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:24px;left:4px;position:absolute;transition:.3s;width:24px}.consent-toggle input:checked+.consent-toggle-slider{background-color:#512da8}.consent-toggle input:focus+.consent-toggle-slider{box-shadow:0 0 0 3px #512da833}.consent-toggle input:checked+.consent-toggle-slider:before{transform:translateX(24px)}.consent-toggle-label{color:#424242;font-family:Lato,sans-serif;font-size:15px;font-weight:600}.consent-tier-description{margin-top:16px}.consent-details-toggle{background:none;border:none;border-radius:6px;color:#512da8;cursor:pointer;font-family:Lato,sans-serif;font-size:14px;font-weight:600;margin-bottom:16px;padding:8px 12px;transition:background .2s ease}.consent-details-toggle:hover{background:#ede7f6}.consent-details-toggle:focus{outline:2px solid #d4af37;outline-offset:2px}.consent-tier-details{animation:fadeIn .3s ease-in}.consent-tier-text{background:#fafafa;border-left:4px solid #d4af37;color:#424242;font-family:Lato,sans-serif;font-size:14px;line-height:1.7;white-space:pre-wrap}.consent-benefits,.consent-tier-text{border-radius:8px;margin-bottom:16px;padding:16px}.consent-benefits{background:#f3e5f5}.consent-benefits h4{color:#512da8;font-family:Lato,sans-serif;font-size:14px;font-weight:700;margin:0 0 8px}.consent-benefits ul{margin:0;padding-left:20px}.consent-benefits li{margin-bottom:6px}.consent-benefits li,.consent-warning{color:#424242;font-family:Lato,sans-serif;font-size:14px;line-height:1.6}.consent-warning{background:#fff9e6;border:2px solid #d4af37;border-radius:8px;margin-bottom:16px;padding:12px 16px}.consent-legal-note{background:#fafafa;border-radius:6px;color:#757575;font-family:Lato,sans-serif;font-size:12px;line-height:1.5;padding:12px}.consent-modal-footer{align-items:center;background:#fafafa;border-top:1px solid #e0e0e0;display:flex;gap:16px;justify-content:space-between;padding:24px 32px}.consent-footer-info{flex:1 1;text-align:center}.consent-ubuntu-text{color:#757575;font-family:Lato,sans-serif;font-size:13px;font-style:italic;margin:0}.consent-btn{border:none;border-radius:8px;cursor:pointer;font-family:Lato,sans-serif;font-size:15px;font-weight:600;padding:12px 28px;transition:all .2s ease;white-space:nowrap}.consent-btn:focus{outline:2px solid #d4af37;outline-offset:2px}.consent-btn-back{background:#fff;border:2px solid #e0e0e0;color:#512da8}.consent-btn-back:hover:not(:disabled){background:#ede7f6;border-color:#512da8}.consent-btn-back:disabled{cursor:not-allowed;opacity:.4}.consent-btn-next{background:linear-gradient(135deg,#512da8,#673ab7);box-shadow:0 4px 12px #512da84d;color:#fff}.consent-btn-next:hover{background:linear-gradient(135deg,#673ab7,#512da8);box-shadow:0 6px 16px #512da866;transform:translateY(-2px)}.consent-btn-next:active{transform:translateY(0)}@media (max-width:768px){.consent-modal{border-radius:12px 12px 0 0;margin-top:auto;max-height:95vh}.consent-modal-header{padding:24px 20px 20px}.consent-modal-title{font-size:24px}.consent-modal-subtitle{font-size:14px}.consent-progress{overflow-x:auto;padding:16px 12px}.consent-progress-step:not(:last-child):after{display:none}.consent-progress-dot{font-size:20px;height:40px;width:40px}.consent-progress-label{font-size:10px}.consent-modal-body,.consent-tier-card{padding:20px}.consent-tier-title{font-size:20px}.consent-modal-footer{flex-direction:column;gap:12px;padding:20px}.consent-footer-info{order:-1}.consent-btn{padding:14px 24px;width:100%}}@media (prefers-contrast:high){.consent-modal{border:3px solid #000}.consent-btn-back,.consent-tier-card{border-color:#000}}.app{background-color:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}@media (max-width:768px){.main-content{padding:1rem}}.journey-onboarding-overlay{animation:fadeInOverlay .5s ease;background:linear-gradient(180deg,#0f172a,#1e293b);inset:0;overflow-y:auto;position:fixed;z-index:99999}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.journey-onboarding-page{padding:40px 20px}.journey-onboarding-page,.loading-screen{align-items:center;background:linear-gradient(180deg,#0f172a,#1e293b);display:flex;justify-content:center;min-height:100vh}.loading-screen{color:#f8fafc;flex-direction:column}.loading-spinner{animation:pulse 1.5s ease-in-out infinite}.loading-screen p{color:#94a3b8;font-size:1.1rem;margin-top:20px}:root{--phoenix-ember:#e85d04;--phoenix-flame:#f48c06;--phoenix-gold:#faa307;--phoenix-light:#ffba08;--phoenix-glow:#ffc857;--earth-deep:#1a1a1a;--earth-rich:#2d2a26;--earth-warm:#3d3a36;--earth-soil:#4a4640;--indigo-deep:#1e1040;--indigo-rich:#2d1b5e;--indigo-warm:#4a2c7a;--indigo-lite:#6b3fa0;--cream-light:#faf7f2;--cream-warm:#f5f0e8;--cream-deep:#ede6db;--liberation-teal:#0d7377;--success-green:#2d6a4f;--cpd-blue:#2c5282;--font-display:"Cormorant Garamond",Georgia,serif;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:40px;--space-5xl:48px;--space-6xl:60px;--container-sm:800px;--container-md:1000px;--container-lg:1200px;--container-xl:1400px;--ubuntu-gold:#d4af37;--ubuntu-indigo:#512da8;--ubuntu-lavender:#e6e6fa;--ubuntu-purple:#7e57c2;--ubuntu-orange:#ffa726;--color-success:#2e7d32;--color-error:#d32f2f;--color-warning:#f57c00;--color-info:#1976d2;--color-text:#1a1a1a;--color-text-muted:#4a4a4a;--color-border:#e0e0e0;--color-bg-light:#f5f5f5;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:30px;--radius-circle:50%;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 12px 32px #00000026;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--ease-breath:cubic-bezier(0.4,0,0.2,1)}.btn-primary{align-items:center;background:linear-gradient(135deg,var(--ubuntu-indigo),var(--ubuntu-gold));border-radius:30px;border-radius:var(--radius-pill);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);display:inline-flex;font-size:1rem;font-weight:600;gap:8px;gap:var(--space-sm);justify-content:center;min-height:44px;padding:12px 24px;transition:all var(--transition-normal)}.btn-primary:hover{box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn-primary:focus-visible{outline:3px solid #d4af37;outline:3px solid var(--ubuntu-gold);outline-offset:2px}.btn-secondary{align-items:center;border:2px solid var(--ubuntu-indigo);border-radius:30px;border-radius:var(--radius-pill);color:var(--ubuntu-indigo);display:inline-flex;font-size:.95rem;gap:8px;gap:var(--space-sm);justify-content:center;min-height:44px;padding:10px 20px;transition:all var(--transition-normal)}.btn-secondary:hover{background:var(--ubuntu-indigo)}.btn-tertiary{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--radius-md);color:#512da8;color:var(--ubuntu-indigo);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:4px;gap:var(--space-xs);justify-content:center;min-height:36px;padding:8px 16px;text-decoration:none;transition:all .3s ease;transition:all var(--transition-normal)}.btn-tertiary:hover{background:#512da81a}.btn-primary-phoenix{align-items:center;background:linear-gradient(135deg,#e85d04,#faa307);background:linear-gradient(135deg,var(--phoenix-ember),var(--phoenix-gold));border:none;border-radius:30px;border-radius:var(--radius-pill);box-shadow:0 4px 12px #e85d044d;color:#fff;cursor:pointer;display:inline-flex;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:1rem;font-weight:600;gap:8px;gap:var(--space-sm);justify-content:center;min-height:44px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all cubic-bezier(.4,0,.2,1);transition:all var(--ease-breath)}.btn-primary-phoenix:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-primary-phoenix:hover:before{left:100%}.btn-primary-phoenix:hover{box-shadow:0 6px 20px #e85d0466;transform:translateY(-2px)}.btn-primary-phoenix:active{transform:translateY(0)}.btn-secondary-phoenix{align-items:center;background:#0000;border:2px solid #e85d04;border:2px solid var(--phoenix-ember);border-radius:30px;border-radius:var(--radius-pill);color:#e85d04;color:var(--phoenix-ember);cursor:pointer;display:inline-flex;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:.95rem;font-weight:600;gap:8px;gap:var(--space-sm);justify-content:center;min-height:44px;padding:10px 20px;text-decoration:none;transition:all cubic-bezier(.4,0,.2,1);transition:all var(--ease-breath)}.btn-secondary-phoenix:hover{background:#e85d04;background:var(--phoenix-ember);box-shadow:0 4px 12px #e85d0433;color:#fff;transform:translateY(-2px)}.glass-effect-phoenix{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #faa30733;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #e85d041a,inset 0 1px 0 #ffffffe6;transition:all cubic-bezier(.4,0,.2,1);transition:all var(--ease-breath)}.glass-effect-phoenix:hover{background:#ffffffd9;border-color:#faa30766;box-shadow:0 12px 48px #e85d0426,inset 0 1px 0 #fff;transform:translateY(-2px)}.text-gradient-phoenix{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e85d04,#faa307);background:linear-gradient(135deg,var(--phoenix-ember),var(--phoenix-gold));-webkit-background-clip:text;background-clip:text}.text-phoenix{color:#e85d04;color:var(--phoenix-ember)}.font-display{font-family:Cormorant Garamond,Georgia,serif;font-family:var(--font-display)}.font-body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body)}.btn-link{background:none;border:none;color:var(--ubuntu-indigo);cursor:pointer;font-weight:500;padding:0;text-decoration:underline;transition:color .15s ease;transition:color var(--transition-fast)}.btn-link:hover{color:#d4af37;color:var(--ubuntu-gold)}.btn-primary:disabled,.btn-secondary:disabled,.btn-tertiary:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.icon-xs{height:16px;width:16px}.icon-sm{height:20px;width:20px}.icon-md{height:24px;width:24px}.icon-lg{height:32px;width:32px}.icon-xl{height:40px;width:40px}.icon-2xl{height:48px;width:48px}.logo-sm{height:32px;width:auto}.logo-md{height:40px;width:auto}.logo-lg{height:60px;width:auto}.favicon-inline{display:inline-block;height:20px;vertical-align:middle;width:20px}.card{background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);padding:40px;padding:var(--space-4xl);transition:all .3s ease;transition:all var(--transition-normal)}.card:hover{box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card-compact{padding:24px;padding:var(--space-2xl)}.card-title{font-size:1.3rem;font-weight:600;margin-bottom:12px;margin-bottom:var(--space-md)}.card-title,.chip{color:var(--ubuntu-indigo)}.chip{align-items:center;background:#e6e6fa;background:var(--ubuntu-lavender);border-radius:30px;border-radius:var(--radius-pill);display:inline-flex;font-weight:500;gap:4px;gap:var(--space-xs)}.chip-gold{background:#d4af3726;color:#b8960f}.chip-success{background:#2e7d3226;color:#2e7d32;color:var(--color-success)}.chip-warning{background:#f57c0026;color:#f57c00;color:var(--color-warning)}.input-field{background:#fff;border:2px solid #e0e0e0;border:2px solid var(--color-border);border-radius:12px;border-radius:var(--radius-md);color:#1a1a1a;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;min-height:44px;padding:16px;padding:var(--space-lg);transition:all .3s ease;transition:all var(--transition-normal);width:100%}.input-field:focus{border-color:#512da8;border-color:var(--ubuntu-indigo);box-shadow:0 0 0 3px #512da81a;outline:none}.input-field::placeholder{color:#4a4a4a;color:var(--color-text-muted)}.input-field:disabled{background:#f5f5f5;background:var(--color-bg-light);cursor:not-allowed;opacity:.6}textarea.input-field{min-height:120px;resize:vertical}.input-label{color:#512da8;color:var(--ubuntu-indigo);display:block;font-size:.95rem;font-weight:600;margin-bottom:8px;margin-bottom:var(--space-sm)}.form-group{margin-bottom:32px;margin-bottom:var(--space-3xl)}.heading-hero{font-size:clamp(48px,8vw,88px);letter-spacing:-.02em;line-height:1.1;margin-bottom:32px;margin-bottom:var(--space-3xl)}.heading-1,.heading-hero{color:#512da8;color:var(--ubuntu-indigo);font-weight:700}.heading-1{font-size:clamp(36px,5vw,56px);line-height:1.2;margin-bottom:24px;margin-bottom:var(--space-2xl)}.heading-2{color:#512da8;color:var(--ubuntu-indigo);font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.3;margin-bottom:20px;margin-bottom:var(--space-xl)}.heading-3{font-size:clamp(22px,3vw,32px);margin-bottom:16px;margin-bottom:var(--space-lg)}.heading-3,.heading-4{color:#512da8;color:var(--ubuntu-indigo);font-weight:600;line-height:1.4}.heading-4{font-size:clamp(18px,2vw,24px);margin-bottom:12px;margin-bottom:var(--space-md)}.body-large{font-size:clamp(18px,2vw,22px);line-height:1.7}.body-large,.body-regular{color:#1a1a1a;color:var(--color-text)}.body-regular{font-size:1rem;line-height:1.6}.body-small{color:#4a4a4a;color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#512da8,#d4af37);background:linear-gradient(135deg,var(--ubuntu-indigo),var(--ubuntu-gold));-webkit-background-clip:text;background-clip:text}.programme-anti-racism{--programme-accent:#512da8;--programme-accent-light:#7e57c2;--programme-accent-bg:#512da81a}.programme-crep-d2{--programme-accent:#6a1b9a;--programme-accent-light:#9c27b0;--programme-accent-bg:#6a1b9a1a}.programme-pcref{--programme-accent:#005eb8;--programme-accent-light:#0072ce;--programme-accent-bg:#005eb81a}.programme-mens-dev{--programme-accent:#8d6e63;--programme-accent-light:#a1887f;--programme-accent-bg:#8d6e631a}.programme-big-gonga{--programme-accent:#e65100;--programme-accent-light:#ff6f00;--programme-accent-bg:#e651001a}.programme-badge,.programme-border,.programme-card{border-color:var(--programme-accent);color:var(--programme-accent)}.programme-bg{background:var(--programme-accent-bg)}.programme-text{color:var(--programme-accent)}.container{padding:0 32px;padding:0 var(--space-3xl);width:100%}.container-xl{max-width:1400px;max-width:var(--container-xl)}.grid{grid-gap:32px;grid-gap:var(--space-3xl);display:grid;gap:32px;gap:var(--space-3xl)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-column{display:flex;flex-direction:column}.gap-xl{gap:20px;gap:var(--space-xl)}.gap-2xl{gap:24px;gap:var(--space-2xl)}.gap-3xl{gap:32px;gap:var(--space-3xl)}.glass-effect{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #fffc;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #512da81a,inset 0 1px 0 #ffffffe6;transition:all .3s ease;transition:all var(--transition-normal)}.glass-effect:hover{background:#ffffffbf;border-color:#d4af3766;box-shadow:0 12px 48px #512da826,inset 0 1px 0 #fff;transform:translateY(-2px)}.nav-link{align-items:center;border-radius:12px;border-radius:var(--radius-md);color:#512da8;color:var(--ubuntu-indigo);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:8px;gap:var(--space-sm);padding:12px 20px;padding:var(--space-md) var(--space-xl);text-decoration:none;transition:all .3s ease;transition:all var(--transition-normal)}.nav-link:hover{background:#d4af3726;color:#d4af37;color:var(--ubuntu-gold)}.nav-link:focus-visible{outline:2px solid #d4af37;outline:2px solid var(--ubuntu-gold);outline-offset:2px}.nav-link.active{background:#d4af371a;color:#d4af37;color:var(--ubuntu-gold);font-weight:600}@media (max-width:1024px){.container{padding:0 24px;padding:0 var(--space-2xl)}.grid-3,.grid-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){:root{--space-6xl:40px}.container{padding:0 20px;padding:0 var(--space-xl)}.heading-hero{font-size:clamp(32px,10vw,48px)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width:480px){.container{padding:0 16px;padding:0 var(--space-lg)}.btn-primary,.btn-secondary{width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.btn-primary,.btn-secondary{border:3px solid}.glass-effect{background:#fff;border:2px solid #512da8;border:2px solid var(--ubuntu-indigo)}}:focus-visible{border-radius:8px;border-radius:var(--radius-sm);outline:3px solid var(--ubuntu-gold)}.skip-to-content{background:var(--ubuntu-indigo);border-radius:0 0 var(--radius-sm) 0;font-weight:600;padding:12px 16px;padding:var(--space-md) var(--space-lg)}.input,.select,.textarea{background:#fff;border:2px solid #e0e0e0;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--radius-sm);color:#1a1a1a;color:var(--color-text);font-family:inherit;font-size:1rem;padding:12px;padding:var(--space-md);transition:all .3s ease;transition:all var(--transition-normal);width:100%}.input:focus,.select:focus,.textarea:focus{border-color:#512da8;border-color:var(--ubuntu-indigo);box-shadow:0 0 0 3px #512da81a;outline:none}.textarea{min-height:120px;resize:vertical}.section-sm{padding:40px 20px;padding:var(--space-4xl) var(--space-xl)}.section-md{padding:60px 20px;padding:var(--space-6xl) var(--space-xl)}.section-lg{padding:80px 20px;padding:80px var(--space-xl)}.container{max-width:1200px;max-width:var(--container-lg)}.container,.container-sm{margin:0 auto;padding:0 20px;padding:0 var(--space-xl)}.container-sm{max-width:800px;max-width:var(--container-sm)}.container-fluid{padding:0 20px;padding:0 var(--space-xl);width:100%}.text-xs{font-size:.75rem;line-height:1.4}.text-sm{font-size:.875rem;line-height:1.5}.text-base{font-size:1rem;line-height:1.6}.text-lg{font-size:1.125rem;line-height:1.6}.text-xl{font-size:1.25rem;line-height:1.5}.text-2xl{font-size:1.5rem;line-height:1.4}.text-3xl{font-size:2rem;line-height:1.3}@media (max-width:768px){:root{--space-4xl:24px;--space-5xl:32px;--space-6xl:40px}.btn-primary,.btn-secondary{width:100%}.card{padding:24px;padding:var(--space-2xl)}.logo-md{height:32px}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-sm{gap:8px;gap:var(--space-sm)}.gap-md{gap:12px;gap:var(--space-md)}.gap-lg{gap:16px;gap:var(--space-lg)}.mb-xs{margin-bottom:4px;margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:8px;margin-bottom:var(--space-sm)}.mb-md{margin-bottom:12px;margin-bottom:var(--space-md)}.mb-lg{margin-bottom:16px;margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:20px;margin-bottom:var(--space-xl)}.mt-xs{margin-top:4px;margin-top:var(--space-xs)}.mt-sm{margin-top:8px;margin-top:var(--space-sm)}.mt-md{margin-top:12px;margin-top:var(--space-md)}.mt-lg{margin-top:16px;margin-top:var(--space-lg)}.mt-xl{margin-top:20px;margin-top:var(--space-xl)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.celebration-animation,.confetti,.fireworks{display:none!important}.chatbot-fab,.gradient-orb{animation:none!important}.gradient-orb{opacity:.3!important}}:focus-visible{outline:3px solid #d4af37}:focus:not(:focus-visible){outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 5px #d4af3733;outline:3px solid #d4af37;outline-offset:3px}.skip-to-content{padding:8px 16px}@media (prefers-contrast:high){*{border-width:2px!important}.btn-primary,.btn-secondary,a,button{border:2px solid!important}body{font-weight:500!important}}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;overflow:visible;position:static;white-space:normal;width:auto}.clickable,a,button,input[type=checkbox],input[type=radio]{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-width:44px}label{color:#1a1a1a;display:block;font-weight:500;margin-bottom:8px}input[required]+label:after,label.required:after{color:#d32f2f;content:" *";font-weight:700}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:#d32f2f;border-width:2px}.error-message{align-items:center;color:#d32f2f;display:flex;font-size:14px;gap:8px;margin-top:4px}.error-message:before{content:"⚠️"}.success-message{align-items:center;color:#2e7d32;display:flex;font-size:14px;gap:8px;margin-top:4px}.success-message:before{content:"✓";font-weight:700}[aria-busy=true]{cursor:wait;opacity:.6}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none;opacity:.5}}[role=alertdialog],[role=dialog]{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}.modal-backdrop{background:#000000bf;inset:0;position:fixed;z-index:9998}[role=dialog]:focus-within{outline:none}.chatbot-messages{role:log;aria-live:polite;aria-atomic:false}.chatbot-message[role=status]{aria-live:polite}.text-gold{color:#b8960f}.text-indigo{color:#512da8}body{background:#fff;color:#1a1a1a}.text-muted{color:#4a4a4a}@media print{.chatbot-fab,.chatbot-window,.header-dropdown,.mobile-menu,.no-print,nav{display:none!important}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}}.interactive-target,[role=button],a:not(.inline-link),button,input[type=button],input[type=checkbox],input[type=radio],input[type=submit],select{min-height:44px;min-width:44px}.small-target{margin:10px;min-height:24px;min-width:24px}:focus-visible{position:relative;z-index:1}.fixed-header,.sticky-header,[data-sticky=true]{contain:layout}[draggable=true]{cursor:grab}[draggable=true]:active{cursor:grabbing}[draggable=true]:before{content:"⋮⋮";margin-right:8px;opacity:.5}body{line-height:1.5}p{margin-bottom:1em}.wcag-text-spacing{letter-spacing:.12em!important;line-height:1.5!important;word-spacing:.16em!important}.wcag-text-spacing p{margin-bottom:2em!important}@media (max-width:320px){body{font-size:16px!important}.hide-on-reflow{display:none!important}}.main-nav,.sidebar,nav{order:-1}.field-error{background-color:#d32f2f0d!important;border:2px solid #d32f2f!important}.field-error:focus{outline-color:#d32f2f!important}.error-text{color:#d32f2f;font-size:.875rem;font-weight:500;margin-top:4px}.error-text:before{content:"Error: ";font-weight:700}.live-region,[role=alert],[role=log],[role=status]{position:relative}.live-region-highlight{animation:highlightPulse 2s ease-in-out}@keyframes highlightPulse{0%,to{background-color:initial}50%{background-color:#d4af3733}}.tooltip-trigger,[data-tooltip]{position:relative}.tooltip{background:#1e293b;border-radius:4px;color:#fff;font-size:.875rem;max-width:200px;padding:8px 12px;pointer-events:auto;position:absolute;z-index:1000}.tooltip:hover{display:block}.dark-mode .text-muted{color:#94a3b8!important}.dark-mode .error-text{color:#f87171!important}.dark-mode .success-text{color:#4ade80!important}.animation-controls{bottom:20px;position:fixed;right:20px;z-index:9999}.pause-animations body *{animation-play-state:paused!important;transition:none!important}@media (forced-colors:active){a{color:LinkText}.btn,button{background:ButtonFace;border:2px solid ButtonText;color:ButtonText}:focus{outline:3px solid Highlight}:focus-visible{outline:3px solid Highlight;outline-offset:2px}}.btn-begin-assessment,.btn-begin-assessment *,.btn-enter-room,.btn-enter-room *,.level-badge,.level-badge *,.stage-item:hover,.stage-item:hover *,[class*=indigo-bg],[style*="background-color: #512DA8"],[style*="background-color: #512DA8"] *,[style*="background: #512DA8"],[style*="background: #512DA8"] *,[style*="background:#512DA8"]{color:#fff!important}.hero-content h1,.hero-content h2,.hero-content h3,.kfd-content h3,.kfd-content p{color:#512da8!important}[style*=gradient][style*="512DA8"] h1,[style*=gradient][style*="512DA8"] h2,[style*=gradient][style*="512DA8"] h3,[style*=gradient][style*="512DA8"] p{color:#fff!important}.btn-primary,.btn-secondary:not(.programme-btn),a[class*=btn],button[class*=btn]{background:#512da8;color:#fff!important}a[class*=btn]:hover,button[class*=btn]:hover{background:#d4af37;color:#512da8!important}.programme-btn.btn-primary{background:linear-gradient(135deg,#512da8,#673ab7)!important;color:#fff!important}.programme-btn.btn-secondary{background:#fff!important;border:2px solid #512da8!important;color:#512da8!important}.programme-btn.btn-secondary:hover{background:#f8f5ff!important;color:#3d1f7d!important}.stage-item{color:#512da8}.stage-item:hover{background:#512da8!important}.stage-item:hover,.stage-item:hover h1,.stage-item:hover h2,.stage-item:hover h3,.stage-item:hover h4,.stage-item:hover p,.stage-item:hover span{color:#fff!important}.level-card h3,.programme-card h3{color:#512da8!important}[style*="background: #512DA8"] [style*="color: #512DA8"],[style*="background: #673AB7"] [style*="color: #673AB7"],[style*="background: blue"] [style*="color: blue"]{color:#fff!important}[role=button]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 5px #d4af3733!important;outline:3px solid #d4af37!important;outline-offset:2px!important;transition:outline .2s ease,box-shadow .2s ease}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}.btn-primary-v2:focus-visible,.btn-secondary-v2:focus-visible,.programme-cta-v2:focus-visible{box-shadow:0 0 0 6px #d4af374d!important;outline:3px solid #d4af37!important;outline-offset:3px!important}.phase-card-v2:focus-visible,.programme-card-v2:focus-within,.stage-card-v2:focus-within{box-shadow:0 4px 20px #d4af3766!important;outline:3px solid #d4af37!important;outline-offset:2px!important}.header-link:focus-visible{background:#d4af371a!important;outline:2px solid #d4af37!important;outline-offset:4px!important}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#512da8!important;box-shadow:0 0 0 4px #512da81a!important;outline:2px solid #d4af37!important;outline-offset:1px!important}.phase-modal-close:focus-visible,button[aria-label*=Close]:focus-visible,button[aria-label*=close]:focus-visible{background:#d4af3733!important;outline:3px solid #d4af37!important;outline-offset:2px!important}@media (prefers-contrast:high){:focus-visible{outline:4px solid #d4af37!important;outline-offset:3px!important}}@media (prefers-reduced-motion:reduce){:focus-visible{transition:none!important}}:focus-visible{border-radius:4px;outline:3px solid gold;outline-offset:2px}.skip-to-main{background:#1a1a1a;color:gold;font-weight:600;left:-9999px;padding:1rem 2rem;position:absolute;text-decoration:none;z-index:999}.skip-to-main:focus{left:50%;top:1rem;transform:translateX(-50%)}.btn,.btn-primary,[role=button],button{-webkit-tap-highlight-color:transparent;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover:not(:disabled),.btn:hover:not(:disabled),button:hover:not(:disabled){box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.btn-primary:active:not(:disabled),.btn:active:not(:disabled),button:active:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.btn.loading,button.loading{opacity:.7;pointer-events:none;position:relative}.btn.loading:after,button.loading:after{animation:button-spin .6s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes button-spin{to{transform:rotate(1turn)}}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn.success,button.success{animation:success-pulse .5s ease;background:linear-gradient(135deg,#4caf50,#45a049)}@keyframes success-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn.error,button.error{animation:shake .5s ease;background:linear-gradient(135deg,#f44336,#d32f2f)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}a{position:relative;text-decoration:none;transition:color .3s ease,transform .2s ease}a:hover{color:gold}a:not(.nav-link):not(.btn):hover:after{animation:underline-grow .3s ease;background:currentColor;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}@keyframes underline-grow{0%{width:0}to{width:100%}}a[target=_blank]:not(.no-icon):before{content:"↗";font-size:.85em;margin-right:4px;opacity:.7}.card,.feature-card,.module-card,[class*=-card]{transition:transform .3s ease,box-shadow .3s ease}.card:hover,.feature-card:hover,.module-card:hover,[class*=-card]:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.card:active,.feature-card:active,.module-card:active{transform:translateY(-2px)}input,select,textarea{transition:border-color .3s ease,box-shadow .3s ease}input:focus,select:focus,textarea:focus{border-color:gold;box-shadow:0 0 0 3px #ffd7001a}input.valid,select.valid,textarea.valid{border-color:#4caf50}input.invalid,select.invalid,textarea.invalid{border-color:#f44336}.loading-spinner{animation:spinner-rotate .8s linear infinite;border:4px solid #ffd70033;border-top-color:gold;display:inline-block;height:48px;width:48px}@keyframes spinner-rotate{to{transform:rotate(1turn)}}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.ripple{overflow:hidden;position:relative}.ripple:after{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.ripple:active:after{height:300px;width:300px}.float{animation:float 3s ease-in-out infinite}.pulse{animation:pulse 2s ease-in-out infinite}.progress-bar{position:relative}.progress-fill{transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-bar.loading .progress-fill{animation:progress-gradient 2s linear infinite;background:linear-gradient(90deg,#2196f3,gold 50%,#2196f3);background-size:200% 100%}@keyframes progress-gradient{0%{background-position:200% 0}to{background-position:-200% 0}}[data-tooltip]{position:relative}[data-tooltip]:hover:before{animation:tooltip-fadeIn .3s ease;background:#1a1a1a;border-radius:4px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:.875rem;left:50%;padding:.5rem 1rem;position:absolute;transform:translateX(-50%) translateY(-8px);white-space:nowrap;z-index:1000}[data-tooltip]:hover:after{border:6px solid #0000;border-top-color:#1a1a1a;bottom:100%;content:"";left:50%;position:absolute;transform:translateX(-50%);z-index:1000}@keyframes tooltip-fadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(-8px)}}.notification,.toast{animation:slide-in-right .3s ease}@keyframes slide-in-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification.exit,.toast.exit{animation:slide-out-right .3s ease}@keyframes slide-out-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.float,.pulse,.ripple{animation:none}}@media (prefers-contrast:high){*{border-color:currentColor!important}.btn,button{border:2px solid}:focus-visible{outline-width:4px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;padding:.5rem 1rem;position:static;white-space:normal;width:auto}.home-page-v2{background:linear-gradient(180deg,#f8f6fa 0,var(--ubuntu-lavender) 50%,#e4def3 100%);color:var(--ubuntu-indigo);min-height:100vh;overflow-x:hidden}.section-badge{background:#d4af3726;border:1px solid #d4af374d;border-radius:var(--radius-pill);color:var(--ubuntu-gold);display:inline-block;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:var(--space-xl);padding:var(--space-sm) var(--space-xl);text-transform:uppercase}.hero-v2{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:120px 20px 80px;position:relative}.hero-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.gradient-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.6;position:absolute}.orb-1{animation-delay:0s;background:radial-gradient(circle,#ede7f666,#0000);height:500px;left:-200px;top:-200px;width:500px}.orb-2{animation-delay:5s;background:radial-gradient(circle,#512da826,#0000);bottom:-250px;height:600px;right:-250px;width:600px}.orb-3{animation-delay:10s;background:radial-gradient(circle,#d4af3733,#0000);height:400px;right:10%;top:50%;width:400px}.hero-container-v2{margin:0 auto;max-width:var(--container-lg);position:relative;text-align:center;z-index:1}.hero-badge-v2{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #512da833;border-radius:var(--radius-pill);color:var(--ubuntu-indigo);display:inline-flex;font-size:15px;font-weight:500;gap:var(--space-md);margin-bottom:var(--space-4xl);padding:var(--space-md) var(--space-2xl)}.badge-icon{font-size:20px}.hero-title-v2{color:var(--ubuntu-indigo);font-size:clamp(48px,8vw,88px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-2xl)}.title-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--ubuntu-indigo),var(--ubuntu-gold));-webkit-background-clip:text;background-clip:text;display:block}.hero-description-v2{color:#512da8cc;font-size:clamp(18px,2vw,22px);font-weight:400;line-height:1.7;margin:0 auto var(--space-5xl);max-width:var(--container-sm)}.hero-stats-v2{display:flex;flex-wrap:wrap;gap:var(--space-2xl);justify-content:center;margin-bottom:var(--space-5xl)}.stat-card-v2{min-width:150px;padding:var(--space-2xl) var(--space-4xl);text-align:center}.stat-icon{font-size:32px;margin-bottom:8px}.stat-number-v2{color:var(--gold);display:block;font-size:28px;font-weight:700;margin-bottom:4px}.stat-label-v2{color:#512da899;display:block;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.hero-ctas-v2{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.btn-primary-v2{align-items:center;background:linear-gradient(135deg,var(--gold),#b8860b);border:none;border-radius:12px;box-shadow:0 4px 20px #d4af3766;color:var(--white);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:18px;font-weight:600;gap:12px;min-height:44px;padding:20px 40px;text-decoration:none;transition:all .3s ease}.btn-primary-v2:hover{box-shadow:0 8px 30px #d4af3799;transform:translateY(-2px)}.btn-primary-v2 svg{transition:transform .3s ease}.btn-primary-v2:hover svg{transform:translateX(4px)}.btn-secondary-v2{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:2px solid #512da880;border-radius:12px;color:var(--indigo);cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:18px;font-weight:600;gap:12px;min-height:44px;padding:20px 40px;text-decoration:none;transition:all .3s ease}.btn-secondary-v2:hover{background:#fffc;border-color:var(--gold);transform:translateY(-2px)}.priority-programmes-section{padding:120px 20px;position:relative}.section-container-v2{margin:0 auto;max-width:1400px}.section-header-v2{margin-bottom:80px;text-align:center}.section-title-v2{color:var(--indigo);font-family:var(--font-display);font-size:clamp(36px,5vw,56px);font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.section-subtitle-v2{color:#512da8bf;font-family:var(--font-primary);font-size:clamp(15px,2vw,18px);font-weight:400;line-height:1.7;margin:0 auto;max-width:700px;text-align:center}.programmes-grid-v2{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.programme-card-v2{display:flex;flex-direction:column;margin-bottom:20px;min-height:420px;overflow:hidden;padding:0;position:relative;transition:transform .3s ease,box-shadow .3s ease}.programme-card-v2:hover{transform:translateY(-8px) scale(1.02)}.programme-card-v2:before{background:linear-gradient(90deg,var(--gold),#0000);content:"";height:4px;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.programme-card-v2:hover:before{opacity:1}.programme-gold:before{background:linear-gradient(90deg,var(--gold),#0000)}.programme-indigo:before{background:linear-gradient(90deg,var(--indigo),#0000)}.programme-lavender:before{background:linear-gradient(90deg,var(--lavender),#0000)}.programme-image-placeholder{align-items:center;background:linear-gradient(135deg,#512da81a,#d4af371a);display:flex;height:180px;justify-content:center;overflow:hidden;position:relative;width:100%}.programme-image-placeholder:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;position:absolute;width:200%}.programme-image-icon{font-size:64px;opacity:.3;z-index:1}.programme-number{align-items:center;background:#d4af37e6;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:48px;justify-content:center;position:absolute;right:12px;top:12px;width:48px;z-index:2}.programme-icon-v2{height:80px;margin-bottom:24px;width:80px}.programme-icon-v2 img{filter:brightness(0) saturate(100%) invert(23%) sepia(36%) saturate(2533%) hue-rotate(238deg) brightness(91%) contrast(97%);height:100%;object-fit:contain;width:100%}.programme-content-v2{flex:1 1;padding:24px 24px 60px}.programme-header-v2{margin-bottom:16px}.programme-title-v2{color:var(--indigo);font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.programme-subtitle-v2{color:var(--gold);font-size:15px;font-weight:600}.programme-tagline-v2{color:var(--indigo);font-family:var(--font-primary);font-size:15px;font-weight:600;margin-bottom:12px;opacity:.8}.programme-description-v2{color:#512da8b3;font-family:var(--font-primary);font-size:13px;font-weight:400;line-height:1.6;margin-bottom:16px}.programme-stats-v2{border-top:1px solid #512da826;display:flex;gap:24px;margin-bottom:16px;padding:12px 0}.stat-item-v2{display:flex;flex-direction:column;gap:4px}.stat-value{color:var(--indigo);font-size:16px}.stat-label,.stat-value{font-family:var(--font-primary)}.stat-label{color:#512da8a6;font-size:10px}.programme-cta-v2{align-items:center;background:var(--indigo);border-radius:8px;color:#fff;display:flex;font-family:var(--font-primary);font-size:16px;font-weight:600;gap:8px;justify-content:center;margin:24px auto 0;min-height:44px;padding:14px 28px;text-decoration:none;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.programme-cta-v2 svg{stroke:#fff;transition:transform .3s ease}.programme-cta-v2:hover{background:var(--gold);color:#fff}.programme-cta-v2:hover svg{stroke:#fff;transform:translateX(4px)}.house-stages-v2{background:#ffffff4d;padding:120px 20px}.stages-spiral-v2{-webkit-overflow-scrolling:touch;margin:0 -20px;overflow-x:auto;overflow-y:visible;padding:40px 0;position:relative;scroll-behavior:smooth;scrollbar-color:var(--gold) #512da81a;scrollbar-width:thin}.stages-spiral-v2::-webkit-scrollbar{height:8px}.stages-spiral-v2::-webkit-scrollbar-track{background:#512da80d;border-radius:10px}.stages-spiral-v2::-webkit-scrollbar-thumb{background:var(--gold);border-radius:10px}.stages-carousel-inner{display:flex;gap:20px;min-width:-webkit-max-content;min-width:max-content;padding:0 20px}.stage-card-v2{animation:slideIn .6s ease forwards;background:#fff;border-radius:20px;box-shadow:0 4px 20px #512da81a;cursor:pointer;flex:0 0 280px;height:360px;opacity:0;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.stage-card-v2:before{background:linear-gradient(90deg,var(--indigo),var(--gold));content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;width:100%}.stage-card-v2:hover{background:linear-gradient(135deg,#fff,#ede7f680);box-shadow:0 20px 60px #512da840;transform:scale(1.08) translateY(-12px);z-index:10}.stage-card-v2:hover:before{transform:scaleX(1)}.stage-card-content{position:relative;transition:all .3s ease;z-index:2}.stage-card-extra{background:linear-gradient(180deg,#0000,#512da8f2);bottom:0;color:#fff;left:0;padding:20px;position:absolute;right:0;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.stage-card-v2:hover .stage-card-extra{transform:translateY(0)}.stage-icon-v2{align-items:center;display:flex;height:48px;justify-content:center;margin:0 auto 16px;transition:transform .3s ease;width:48px}.stage-icon-v2 img{height:100%;object-fit:contain;width:100%}.stage-card-v2:hover .stage-icon-v2{transform:scale(1.2) rotate(5deg)}.stage-number-v2{color:var(--gold);font-size:14px;font-weight:800;letter-spacing:2px;margin-bottom:12px;opacity:.8}.stage-name-v2{color:var(--indigo);font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.stage-desc-v2{color:#512da8b3;font-size:14px;line-height:1.6;margin-bottom:16px}.stage-card-extra h4{font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.stage-card-extra p{font-size:12px;line-height:1.5;opacity:.95}.tldf-section-v2{padding:120px 20px}.tldf-visual-grid{margin:0 auto;max-width:1400px}.tldf-content{margin-bottom:80px;text-align:center}.tldf-phases-v2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr)}.phase-card-v2{align-items:center;background:#fff;border:2px solid #512da81a;border-radius:16px;box-shadow:0 4px 20px #512da814;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:220px;padding:24px 16px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.phase-card-v2:hover{border-color:var(--gold);box-shadow:0 12px 32px #d4af3733;transform:translateY(-6px)}.phase-card-v2:hover .phase-icon{transform:scale(1.2) rotate(10deg)}.phase-number{color:#d4af3733;font-size:32px;font-weight:800;position:absolute;right:12px;top:12px}.phase-icon{align-items:center;display:flex;height:40px;justify-content:center;margin:0 auto 16px;transition:transform .3s ease;width:40px}.phase-icon img{height:100%;object-fit:contain;width:100%}.phase-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.phase-modal-content{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:24px;max-height:90vh;max-width:600px;overflow-y:auto;padding:0;position:relative;width:100%}.phase-modal-image{border-radius:24px 24px 0 0;height:200px;overflow:hidden;width:100%}.phase-modal-image img{height:100%;object-fit:cover;object-position:center top;width:100%}.phase-modal-header,.phase-modal-section{padding:0 40px}.phase-modal-header{padding-top:30px}.phase-modal-close{align-items:center;background:#512da81a;border:none;border-radius:50%;color:var(--indigo);cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:36px}.phase-modal-close:hover{background:var(--indigo);color:#fff;transform:rotate(90deg)}.phase-modal-header{align-items:center;border-bottom:2px solid #512da81a;display:flex;gap:16px;margin-bottom:24px;padding-bottom:20px}.phase-modal-icon{font-size:48px}.phase-modal-title{color:var(--indigo);font-family:var(--font-display);font-size:28px;font-weight:700;margin:0}.phase-modal-duration{background:#d4af3726;border-radius:6px;color:var(--gold);display:inline-block;font-size:12px;font-weight:600;margin-top:8px;padding:6px 12px}.phase-modal-section{margin-bottom:24px}.phase-modal-section h4{color:var(--indigo);font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:12px}.phase-modal-section p{color:#512da8cc;font-family:var(--font-primary);font-size:14px;line-height:1.7}.phase-modal-list{list-style:none;margin:0;padding:0}.phase-modal-list li{color:#512da8cc;font-family:var(--font-primary);font-size:14px;line-height:1.6;padding:8px 0 8px 24px;position:relative}.phase-modal-list li:before{color:var(--gold);content:"✓";font-weight:700;left:0;position:absolute}.phase-card-v2 h3{color:var(--indigo);font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:10px}.phase-card-v2 p{color:#512da8b3;flex-grow:1;font-size:12px;line-height:1.6;margin-bottom:12px}.phase-duration{background:#d4af3726;border-radius:20px;color:var(--gold);display:inline-block;font-size:13px;font-weight:600;padding:6px 16px}.additional-programmes-v2{padding:80px 20px}.programmes-secondary-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:800px}.programme-secondary-card{cursor:pointer;overflow:hidden;padding:48px 40px;position:relative;text-align:center;transition:all .3s ease}.programme-secondary-card:before{background:linear-gradient(90deg,#0000,#d4af371a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.programme-secondary-card:hover:before{left:100%}.programme-secondary-card:hover{background:#fffc;transform:translateY(-6px)}.programme-secondary-card img{filter:brightness(0) saturate(100%) invert(23%) sepia(36%) saturate(2533%) hue-rotate(238deg) brightness(91%) contrast(97%);height:60px;margin-bottom:20px;width:60px}.programme-secondary-card h3{color:var(--indigo);font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.programme-secondary-card p{color:#512da8b3;font-size:15px;margin-bottom:20px}.programme-secondary-card a{color:var(--gold);font-weight:600;text-decoration:none;transition:color .3s ease}.programme-secondary-card a:hover{color:var(--indigo)}.whats-new-section{background:linear-gradient(180deg,#ffffff80,#ede7f64d);padding:120px 20px}.features-grid-v2{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto 60px;max-width:1400px}.feature-card-v2{border:2px solid #0000;display:flex;flex-direction:column;padding:48px 40px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card-v2:hover{border-color:var(--gold);box-shadow:0 20px 60px #512da833,inset 0 1px 0 #fff;transform:translateY(-8px)}.feature-icon{display:block;margin-bottom:24px}.feature-card-v2 h3{color:var(--indigo);font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.feature-tagline{color:var(--indigo);display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.feature-description{color:#512da8bf;flex-grow:1;font-size:15px;line-height:1.7;margin-bottom:24px}.feature-highlights{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.feature-badge{background:#d4af371a;border:1px solid #d4af374d;border-radius:50px;color:var(--gold);font-size:12px;font-weight:500;letter-spacing:.3px;padding:6px 14px}.feature-cta{align-items:center;align-self:flex-start;background:var(--indigo);border-radius:12px;color:#fff;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.feature-cta:hover{background:var(--gold);color:var(--indigo);transform:translateX(4px)}.whats-new-cta{background:#d4af3714;border:2px solid #d4af3733;border-radius:20px;margin:60px auto 0;max-width:800px;padding:40px;text-align:center}.whats-new-subtitle{color:#512da8cc;font-size:17px;line-height:1.8}.whats-new-subtitle strong{color:var(--indigo);font-weight:700}.ubuntu-section-v2{background:#ffffff4d;padding:120px 20px}.ubuntu-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 2fr;margin:0 auto;max-width:1200px;padding:80px 60px}.ubuntu-circle,.ubuntu-visual{align-items:center;display:flex;justify-content:center}.ubuntu-circle{animation:pulse 3s ease-in-out infinite;background:linear-gradient(135deg,var(--lavender),var(--gold));border-radius:50%;box-shadow:0 8px 32px #512da840;height:220px;overflow:hidden;width:220px}.ubuntu-icon{font-size:80px}.ubuntu-title{color:var(--indigo);font-family:var(--font-display);font-size:clamp(32px,4vw,48px);font-weight:700;letter-spacing:-.02em;margin-bottom:24px}.ubuntu-description{color:#512da8bf;font-family:var(--font-primary);font-size:17px;font-weight:400;line-height:1.8;margin-bottom:20px}.ubuntu-stats{display:flex;gap:40px;margin-top:40px}.ubuntu-stat-item{display:flex;flex-direction:column;gap:8px}.ubuntu-stat-number{color:var(--gold);font-size:36px;font-weight:700}.ubuntu-stat-label{color:#512da880;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.cta-section-v2{padding:120px 20px}.cta-container{margin:0 auto;max-width:900px;padding:80px 60px;text-align:center}.cta-title{color:var(--indigo);font-family:var(--font-display);font-size:clamp(36px,5vw,52px);font-weight:700;letter-spacing:-.02em;margin-bottom:20px}.cta-description{color:#512da8bf;font-family:var(--font-primary);font-size:19px;font-weight:400;line-height:1.7;margin-bottom:40px}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}@media (max-width:1024px){.ubuntu-container{grid-template-columns:1fr;padding:60px 40px;text-align:center}.ubuntu-stats{justify-content:center}}@media (max-width:768px){.hero-v2{padding:100px 20px 60px}.hero-stats-v2{align-items:center;flex-direction:column}.programmes-grid-v2{grid-template-columns:1fr}.stages-spiral-v2,.tldf-phases-v2{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cta-container,.ubuntu-container{padding:60px 30px}.ubuntu-stats{align-items:center;flex-direction:column}}@media (max-width:480px){.hero-ctas-v2{flex-direction:column;width:100%}.btn-primary-v2,.btn-secondary-v2{justify-content:center;width:100%}.programme-card-v2{padding:30px 24px}.programme-stats-v2{flex-direction:column;gap:16px}}.home-page{width:100%}.hero-section{align-items:center;background:#eeeaf6;display:flex;min-height:90vh;overflow:hidden;padding:4rem 4%;position:relative}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;width:100%}@media (max-width:968px){.hero-container{gap:2rem;grid-template-columns:1fr}}.hero-content{color:#512da8;max-width:800px}.hero-welcome{margin-bottom:1.5rem}.hero-wisdom{color:#d4af37;font-size:.95rem;font-style:italic;font-weight:600;letter-spacing:.05em;text-shadow:0 2px 4px #0000004d}.hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:900;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{color:#512da8;font-weight:400;line-height:1.6;margin-bottom:3rem;opacity:.9}.hero-stats{display:flex;gap:3rem;justify-content:center;margin-bottom:3rem}.stat-item{flex:0 0 auto;text-align:center}.stat-number{letter-spacing:-.02em;line-height:1;margin-bottom:.5rem}.stat-label{color:#512da8;font-size:1rem;font-weight:600;line-height:1.4;opacity:.9}.hero-ctas{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.btn-primary{background:#512da8;box-shadow:0 4px 15px #512da833;color:#eeeaf6;display:inline-block;font-size:1.2rem;padding:1.25rem 3rem;text-decoration:none}.btn-primary:hover{background:#d4af37;box-shadow:0 8px 25px #d4af374d;color:#512da8;transform:translateY(-3px) scale(1.05)}.btn-secondary{background:#0000;display:inline-block;font-size:1.2rem;padding:1.25rem 3rem;text-decoration:none}.btn-secondary:hover{color:#eeeaf6;transform:translateY(-2px)}.programs-section{background:#fff;padding:6rem 4%}.section-header{margin:0 auto 4rem;max-width:800px}.section-title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;margin-bottom:1.5rem}.section-subtitle{color:#6b7280;font-size:1.2rem;line-height:1.6}.section-subtitle-visible{color:#512da8;font-size:1.25rem;font-weight:500;line-height:1.7;margin:0 auto;max-width:700px}.programs-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1400px}.program-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;padding:2.5rem;transition:all .3s ease}.program-card.professional{background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb}.program-card:hover{border-color:#512da8;box-shadow:0 12px 40px #512da826;transform:translateY(-8px)}.program-card.professional:hover{border-color:#d4af37}.program-header{align-items:flex-start;display:flex;gap:1.5rem;margin-bottom:1.5rem}.program-icon-wrapper{align-items:center;background:#512da80d;border-radius:12px;display:flex;flex-shrink:0;height:64px;justify-content:center;padding:.75rem;transition:all .3s ease;width:64px}.program-card:hover .program-icon-wrapper{background:#d4af371a;transform:scale(1.05)}.program-icon{filter:invert(27%) sepia(51%) saturate(2878%) hue-rotate(243deg) brightness(93%) contrast(101%);height:100%;transition:filter .3s ease;width:100%}.program-card:hover .program-icon{filter:invert(64%) sepia(65%) saturate(411%) hue-rotate(358deg) brightness(89%) contrast(88%)}.program-title-group{flex:1 1}.program-title{color:#512da8;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-bottom:.5rem}.program-subtitle{color:#d4af37;font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:0}.program-description{color:#374151;font-size:1.05rem;font-weight:400;line-height:1.75;margin-bottom:1.5rem}.program-meta{align-items:center;color:#9ca3af;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;margin-bottom:1.5rem}.program-btn{background:#512da8;border-radius:12px;color:#eeeaf6;display:inline-block;font-size:1.05rem;font-weight:600;letter-spacing:.3px;margin-top:auto;padding:1rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.program-btn:hover{background:#d4af37;box-shadow:0 8px 20px #d4af374d;color:#512da8;transform:translateY(-2px)}.philosophy-section{background:linear-gradient(135deg,#667eea0d,#764ba20d);padding:6rem 4%}.philosophy-container{margin:0 auto;max-width:800px}.philosophy-content h2{color:#d4af37;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;margin-bottom:2rem}.philosophy-content p{color:#374151;font-size:1.2rem;line-height:1.8;margin-bottom:1.5rem}.hero-visual{align-items:center;display:flex;height:600px;justify-content:center;position:relative}.hero-adinkra-display{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);height:100%;padding:2rem;position:relative;width:100%}.adinkra-card{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #512da833;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;justify-content:center;padding:2rem;text-align:center;transition:all .3s ease;width:100%}.adinkra-card.clickable:hover{background:#ffffff4d;border-color:#d4af37;box-shadow:0 20px 40px #512da840;transform:translateY(-8px) scale(1.02)}.adinkra-card.clickable:active{transform:translateY(-4px) scale(.98)}.adinkra-symbol-wrapper{margin-bottom:1rem;transition:transform .3s ease}.adinkra-card.clickable:hover .adinkra-symbol-wrapper{transform:scale(1.1)}.adinkra-symbol{filter:brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(244deg) brightness(91%) contrast(98%);height:80px;margin-bottom:1rem;transition:all .3s ease;width:80px}.adinkra-card:hover .adinkra-symbol{filter:brightness(0) saturate(100%) invert(67%) sepia(82%) saturate(449%) hue-rotate(5deg) brightness(91%) contrast(87%);transform:scale(1.1)}.adinkra-title{color:#512da8;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.adinkra-meaning{color:#512da8;font-size:.85rem;line-height:1.5;opacity:.8}@media (max-width:968px){.hero-visual{height:auto;min-height:400px}.hero-adinkra-display{gap:1rem;grid-template-columns:1fr 1fr;padding:1rem}.adinkra-card{padding:1.5rem}.adinkra-symbol{height:60px;width:60px}}@media (max-width:768px){.hero-stats{flex-direction:column;gap:1.5rem}.programs-grid{grid-template-columns:1fr}.hero-ctas{flex-direction:column}.btn-primary,.btn-secondary{text-align:center;width:100%}}.hero-badge{background:#d4af3726;border:1px solid #d4af37;border-radius:24px;color:#512da8;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;padding:8px 20px}.house-stages-preview{background:#fff;border-radius:16px;box-shadow:0 4px 20px #512da81a;display:flex;flex-direction:column;gap:1rem;padding:2rem}.stage-mini{align-items:center;background:#ede7f6;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.stage-mini:hover{background:#d4af37;transform:translateX(8px)}.stage-num{align-items:center;background:#512da8;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.stage-name{color:#512da8;font-size:1.1rem;font-weight:600}.stage-more{color:#d4af37;font-size:1rem;font-weight:600;padding:1rem;text-align:center}.house-stages-section{background:#ede7f6;padding:6rem 4%}.section-container{margin:0 auto;max-width:1400px}.section-container .section-title{color:#512da8;font-family:"DM Serif Display",serif;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;margin-bottom:1rem;text-align:center}.section-container .section-subtitle{color:#512da8;font-family:Lato,sans-serif;font-size:1.25rem;margin-bottom:4rem;opacity:.8;text-align:center}.stages-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stage-card{background:#fff;border:2px solid #0000;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.stage-card:hover{border-color:#d4af37;box-shadow:0 8px 24px #d4af3733;transform:translateY(-4px)}.stage-number{align-items:center;background:linear-gradient(135deg,#512da8,#3d1e7a);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.stage-title{color:#512da8;font-family:"DM Serif Display",serif;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.stage-desc{color:#512da8;font-size:1rem;line-height:1.5;opacity:.7}.tldf-section{background:#fff;padding:6rem 4%}.tldf-phases{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px}.phase{background:#ede7f6;border:2px solid #0000;border-radius:12px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.phase:hover{border-color:#d4af37;transform:translateY(-4px)}.phase strong{font-family:"DM Serif Display",serif;font-size:1.25rem;margin-bottom:.5rem}.phase span,.phase strong{color:#512da8;display:block}.phase span{font-size:.95rem;opacity:.7}.welcome-button{background:linear-gradient(135deg,var(--gold) 0,#e6c200 100%);border:none;border-radius:20px;box-shadow:0 2px 10px #d4af374d;color:#1a1a2e;cursor:pointer;font-size:.85rem;font-weight:600;margin-bottom:1rem;padding:8px 20px;transition:all .3s ease}.welcome-button:hover{box-shadow:0 4px 15px #d4af3766;transform:translateY(-2px)}.hero-stats-compact{gap:1rem!important;justify-content:center}.stat-card-small{min-width:auto!important;padding:.75rem 1.5rem!important}.stat-card-small .stat-number-v2{font-size:1.5rem!important}.stat-card-small .stat-label-v2{font-size:.7rem!important}.phoenix-hero{background:linear-gradient(180deg,var(--cream-light) 0,var(--cream-warm) 50%,var(--cream-deep) 100%)}.phoenix-hero .noise-overlay{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");height:100%;left:0;opacity:.03;position:absolute;top:0;width:100%;z-index:0}.hero-ava-intro{margin-bottom:var(--space-3xl)}.ava-badge{align-items:center;background:#e85d041a;border:1px solid #e85d044d;border-radius:var(--radius-pill);color:var(--phoenix-ember);display:inline-flex;font-family:var(--font-body);font-size:.9rem;font-weight:600;gap:var(--space-sm);letter-spacing:.5px;padding:var(--space-sm) var(--space-lg)}.ava-icon{font-size:1.2rem}.phoenix-dashboard-hero{background:linear-gradient(135deg,var(--cream-light) 0,#faa3070d 100%);border-radius:var(--radius-xl);margin-bottom:var(--space-3xl);overflow:hidden;padding:var(--space-4xl);position:relative}.phoenix-dashboard-hero:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#faa3071a 0,#0000 70%);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}.programme-card-v2.glass-effect-phoenix{border:1px solid #faa30733}.programme-card-v2.glass-effect-phoenix:hover{border-color:#faa30766;box-shadow:0 12px 48px #e85d0426}@media (max-width:768px){.phoenix-hero{padding:80px 20px 60px}.hero-ava-intro{margin-bottom:var(--space-xl)}.phoenix-dashboard-hero{padding:var(--space-2xl)}}.learner-report-overlay{align-items:center;background:#000c;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:2rem;position:fixed;top:0;width:100vw;z-index:2000}.report-controls{display:flex;gap:1rem;margin-bottom:1rem}.btn-close,.btn-print{border:none;border-radius:8px;cursor:pointer;font-weight:700;padding:.8rem 1.5rem}.btn-close{background:#ff4d4d;color:#fff}.btn-print{background:#4caf50;color:#fff}.learner-report-page{background:#fff;box-shadow:0 0 20px #00000080;color:#333;font-family:Georgia,serif;min-height:297mm;padding:20mm;width:210mm}.report-header{align-items:flex-end;border-bottom:2px solid #512da8;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.report-header h1{color:#512da8;font-size:24pt;margin:0}.report-header p{color:#666;font-style:italic;margin:0}.report-section{margin-bottom:2rem}.report-section h3{border-bottom:1px solid #ddd;color:#512da8;font-size:16pt;margin-bottom:1rem;padding-bottom:.5rem}.summary-grid{grid-gap:1rem;background:#f5f5f5;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);padding:1rem}.summary-item{flex-direction:column}.summary-item .label{color:#666;font-size:9pt;text-transform:uppercase}.summary-item .value{color:#333;font-size:18pt;font-weight:700}.phoenix-bar-group{align-items:center;display:flex;margin-bottom:.5rem}.bar-label{width:60px}.bar-track{background:#eee;height:15px;margin:0 10px}.bar-fill,.bar-track{border-radius:10px}.bar-value{width:40px}.bar-fill.body{background:#ff6b6b}.bar-fill.mind{background:#4ecdc4}.bar-fill.heart{background:#ffe66d}.bar-fill.spirit{background:#1a535c}.assessment-table{border-collapse:collapse;width:100%}.assessment-table td,.assessment-table th{border-bottom:1px solid #eee;padding:10px;text-align:left}.assessment-table th{background:#f9f9f9;font-weight:700}.growth-positive{color:green;font-weight:700}.action-list li{line-height:1.4;margin-bottom:.8rem}.report-footer{border-top:1px solid #eee;color:#888;font-size:10pt;margin-top:4rem;padding-top:1rem;text-align:center}@media print{.no-print{display:none!important}.learner-report-overlay{background:none;height:auto;overflow:visible;padding:0;position:static;width:auto}.learner-report-page{box-shadow:none;padding:0;width:100%}body{background:#fff}}.enhanced-analytics{margin:0 auto;max-width:1400px;padding:20px}.analytics-loading{padding:60px 20px;text-align:center}.analytics-loading .loading-spinner{animation:pulse 1.5s ease-in-out infinite;font-size:4rem}.analytics-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #512da81a;margin-bottom:30px;padding:30px}.section-title{margin:0 0 25px}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card{transition:transform .2s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{font-size:2.5rem;margin-bottom:10px}.stat-value{color:#512da8;display:block;font-size:2.5rem;margin:10px 0}.stat-label{color:#333;font-weight:700;margin-bottom:5px}.stat-sublabel{color:#666;font-size:.9rem}.completion-bars{display:flex;flex-direction:column;gap:20px}.completion-bar-item{width:100%}.bar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.bar-label{color:#333;font-size:1.1rem;font-weight:700}.bar-stats{color:#666;font-size:.95rem}.progress-bar{background:#e0e0e0;border-radius:12px;height:24px}.progress-fill{border-radius:12px;transition:width .6s ease}.progress-fill[data-programme=anti-racism-leadership]{background:linear-gradient(90deg,#d32f2f,#f44336)}.progress-fill[data-programme=crep-d-squared]{background:linear-gradient(90deg,#388e3c,#4caf50)}.progress-fill[data-programme=pcref-challenge]{background:linear-gradient(90deg,#1976d2,#2196f3)}.progress-fill[data-programme=big-gonga]{background:linear-gradient(90deg,#f57c00,#ff9800)}.progress-fill[data-programme=mens-development]{background:linear-gradient(90deg,#512da8,#7e57c2)}.time-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.time-card{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:2px solid #9c27b0;border-radius:12px;padding:20px;text-align:center}.time-card h3{color:#512da8;font-size:1.1rem;margin:0 0 15px}.time-stat{align-items:baseline;display:flex;gap:5px;justify-content:center;margin:15px 0}.time-value{color:#9c27b0;font-size:2.5rem;font-weight:700}.time-unit{color:#666;font-size:1.2rem}.time-sessions{color:#666;font-size:.95rem}.phoenix-chart{display:flex;gap:15px;overflow-x:auto;padding:20px 0}.phoenix-entry{min-width:80px;text-align:center}.entry-date{color:#666;font-size:.8rem;margin-bottom:10px;transform:rotate(-45deg);white-space:nowrap;writing-mode:horizontal-tb}.entry-scores{align-items:flex-end;display:flex;gap:5px;height:150px;justify-content:center}.score-bar{border-radius:6px 6px 0 0;cursor:pointer;transition:height .3s ease;width:12px}.score-bar.body{background:#ff5252}.score-bar.mind{background:#448aff}.score-bar.heart{background:#ff4081}.score-bar.spirit{background:#7c4dff}.entry-average{color:#512da8;font-size:.9rem;font-weight:700;margin-top:10px}.phoenix-legend{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.legend-item{align-items:center;display:flex;font-size:.95rem;gap:8px}.legend-color{border-radius:4px;height:16px;width:16px}.legend-color.body{background:#ff5252}.legend-color.mind{background:#448aff}.legend-color.heart{background:#ff4081}.legend-color.spirit{background:#7c4dff}.cohort-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:12px;padding:25px}.cohort-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.cohort-header h3{color:#1976d2;font-size:1.4rem;margin:0}.cohort-role{background:#2196f3;border-radius:20px;color:#fff;font-size:.9rem;font-weight:700;padding:6px 15px}.cohort-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.cohort-stat{text-align:center}.cohort-stat .stat-label{color:#666;display:block;font-size:.95rem;margin-bottom:8px}.cohort-stat .stat-value{color:#1976d2;font-size:2rem;font-weight:700}.cohort-ranking{border-radius:8px;font-size:1.3rem;font-weight:700;padding:15px;text-align:center}.cohort-ranking.above-average{background:#4caf50;color:#fff}.cohort-ranking.below-average{background:#ff9800;color:#fff}.analytics-empty-state{background:#eeeaf64d;border:2px dashed #512da8;border-radius:12px;padding:40px 20px;text-align:center}.analytics-empty-state p{color:#512da8;font-size:1.1rem;font-weight:600;margin:0}@media (max-width:768px){.enhanced-analytics{padding:10px}.analytics-section{padding:20px}.section-title{font-size:1.4rem}.stats-grid{grid-template-columns:1fr 1fr}.time-grid{grid-template-columns:1fr}.phoenix-chart{gap:10px}.phoenix-entry{min-width:60px}.entry-scores{height:100px}.cohort-stats{grid-template-columns:1fr}}.adaptive-recommendations-card{background:#fff;border:2px solid #d4af37;border-radius:16px;box-shadow:0 4px 12px #d4af3726;margin:24px 0;padding:24px}.recommendations-header h3{color:#512da8;font-family:Lato,sans-serif;font-size:22px;font-weight:700;margin:0 0 12px}.adaptive-message{background:linear-gradient(135deg,#fff9e6,#fff3cd);border-left:4px solid #d4af37;border-radius:8px;color:#424242;font-family:Lato,sans-serif;font-size:16px;line-height:1.6;margin:0 0 20px;padding:12px 16px}.focus-areas-section h4,.strengths-section h4,.suggested-lessons-section h4{color:#512da8;font-family:Lato,sans-serif;font-size:16px;font-weight:600;margin:20px 0 12px}.focus-area{border-left:4px solid;border-radius:8px;margin-bottom:12px;padding:12px 16px}.focus-area.priority-high{background:#ffebee;border-left-color:#f44336}.focus-area.priority-medium{background:#fff3e0;border-left-color:#ff9800}.focus-area.priority-low{background:#e8f5e9;border-left-color:#4caf50}.focus-area-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.focus-area-name{color:#512da8;font-family:Lato,sans-serif;font-size:15px;font-weight:700}.focus-area-score{color:#757575;font-family:Lato,sans-serif;font-size:13px;font-weight:600}.focus-area-description{color:#424242;font-family:Lato,sans-serif;font-size:14px;line-height:1.5;margin:0}.strengths-list{list-style:none;margin:0;padding:0}.strengths-list li{background:#e8f5e9;border-radius:6px;color:#2e7d32;font-family:Lato,sans-serif;font-size:14px;margin-bottom:8px;padding:8px 12px}.lessons-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.lesson-suggestion{background:#fff;border:2px solid;border-radius:8px;cursor:pointer;padding:12px 16px;text-align:left;transition:all .3s ease}.lesson-suggestion.priority-high{border-color:#f44336}.lesson-suggestion.priority-medium{border-color:#ff9800}.lesson-suggestion.priority-low{border-color:#4caf50}.lesson-suggestion:hover{box-shadow:0 4px 8px #512da833;transform:translateY(-2px)}.lesson-label{color:#512da8;font-family:Lato,sans-serif;font-size:14px;font-weight:700;margin-bottom:4px}.lesson-reason{color:#757575;font-family:Lato,sans-serif;font-size:12px}.ubuntu-note{background:#f9f5ff;border:1px solid #ede7f6;border-radius:8px;margin-top:20px;padding:16px}.ubuntu-note p{color:#512da8;font-family:Lato,sans-serif;font-size:13px;line-height:1.6;margin:0}.ubuntu-note em{font-style:italic;font-weight:700}@media (max-width:768px){.adaptive-recommendations-card{padding:20px 16px}.lessons-grid{grid-template-columns:1fr}.focus-area-header{align-items:flex-start;flex-direction:column;gap:4px}}.live-learner-counter{background:linear-gradient(135deg,#ede7f6,#f8f6fa);border-radius:16px;box-shadow:0 4px 20px #512da826;padding:1.5rem}.online-badge{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.pulse-dot{animation:pulse-animation 2s infinite;background:#10b981;border-radius:50%;box-shadow:0 0 0 0 #10b981b3;height:12px;width:12px}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 #10b981b3}50%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}.online-text{color:#374151;font-size:1rem}.online-text strong{color:#512da8;font-size:1.2rem}.activity-feed{border-top:1px solid #512da81a;padding-top:1rem}.activity-feed h4{color:#512da8;font-size:1rem;font-weight:600;margin:0 0 .75rem}.activity-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.activity-item{align-items:center;animation:slideIn .5s ease;background:#fff;border-radius:8px;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.activity-icon{flex-shrink:0;font-size:1.2rem}.activity-text{color:#374151;flex:1 1}.activity-text strong{color:#512da8}.activity-time{color:#9ca3af;font-size:.8rem;white-space:nowrap}.live-learner-counter.loading{align-items:center;display:flex;justify-content:center;min-height:80px}.counter-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;height:40px;width:100%}@media (max-width:768px){.live-learner-counter{padding:1rem}.activity-item{align-items:flex-start;flex-direction:column;gap:.25rem}.activity-time{font-size:.75rem}}.skeleton-base{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#d4af371a,#d4af3733 50%,#d4af371a);background-size:200% 100%}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-text{display:flex;flex-direction:column;gap:.5rem}.skeleton-line{margin-bottom:.25rem}.skeleton-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.skeleton-card-content{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.skeleton-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem}.skeleton-lesson-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem}.skeleton-lesson-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.skeleton-dashboard-hero{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.skeleton-hero-content{display:flex;flex-direction:column;gap:1rem}.skeleton-hero-stats{display:flex;gap:1rem;margin-top:1rem}.skeleton-dashboard{margin:0 auto;max-width:1200px;padding:2rem}.skeleton-section{margin-top:2rem}.skeleton-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.skeleton-lesson-page{margin:0 auto;max-width:900px;padding:1rem 2rem}.skeleton-breadcrumb{margin-bottom:2rem}.skeleton-lesson-hero{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem 0;text-align:center}.skeleton-meta-row{display:flex;gap:1rem;margin-top:1rem}.skeleton-phases{margin-top:3rem}.skeleton-phase{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.skeleton-programme-page{padding:2rem}.skeleton-programme-hero{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:3rem 0;text-align:center}.skeleton-levels{gap:2rem}.skeleton-level,.skeleton-levels{display:flex;flex-direction:column}.skeleton-level{gap:1rem}.skeleton-lessons-list{display:flex;flex-direction:column}.skeleton-assessment{margin:0 auto;max-width:700px;padding:2rem}.skeleton-assessment-header{border-bottom:1px solid #d4af3733;gap:1rem;padding-bottom:2rem}.skeleton-assessment-header,.skeleton-question{display:flex;flex-direction:column;margin-bottom:2rem}.skeleton-question{gap:.75rem}.skeleton-options{display:flex;flex-direction:column;gap:.75rem}.skeleton-option{width:100%}.inline-loader{display:inline-block;vertical-align:middle}.inline-loader-circle{animation:inline-loader-spin 1s linear infinite,inline-loader-dash 1.5s ease-in-out infinite;transform-origin:center}@keyframes inline-loader-spin{to{transform:rotate(1turn)}}@keyframes inline-loader-dash{0%{stroke-dashoffset:32}50%{stroke-dashoffset:8}to{stroke-dashoffset:32}}@media (prefers-color-scheme:dark){.skeleton-base{background:linear-gradient(90deg,#d4af3726,#d4af3740 50%,#d4af3726);background-size:200% 100%}.skeleton-card,.skeleton-lesson-card{background:#ffffff0d}}.skeleton-enrollment{margin:0 auto;max-width:1000px;padding:2rem}.skeleton-enrollment-header{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;text-align:center}.skeleton-enrollment-steps{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem}.skeleton-tiers{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skeleton-tier-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}@media (max-width:768px){.skeleton-dashboard-hero{flex-direction:column;padding:1.5rem;text-align:center}.skeleton-hero-stats{flex-wrap:wrap;justify-content:center}.skeleton-cards-grid{grid-template-columns:1fr}.skeleton-assessment,.skeleton-enrollment,.skeleton-lesson-page,.skeleton-programme-page{padding:1rem}.skeleton-enrollment-steps{flex-wrap:wrap}.skeleton-tiers{grid-template-columns:1fr}}.ava-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:var(--space-2xl) 0;position:relative;z-index:10}.ava-avatar-wrapper{height:120px;margin-bottom:var(--space-lg);position:relative;width:120px}.ava-core{background:linear-gradient(135deg,var(--phoenix-ember),var(--phoenix-gold));box-shadow:0 0 20px #f48c0666;overflow:hidden;padding:4px;position:relative;z-index:2}.ava-core,.ava-image{border-radius:50%;height:100%;width:100%}.ava-image{border:2px solid #ffffff80;object-fit:cover}.ava-fallback{align-items:center;display:flex;justify-content:center}.ava-fallback:after{color:#fff;content:"A";font-family:var(--font-display);font-size:3rem}.ava-halo{animation:pulse-halo 3s ease-in-out infinite;background:radial-gradient(circle,#faa30733 0,#e85d0400 70%);border-radius:50%;bottom:-10px;left:-10px;position:absolute;right:-10px;top:-10px;z-index:1}@keyframes pulse-halo{0%{opacity:.5;transform:scale(.9)}50%{opacity:.8;transform:scale(1.1)}to{opacity:.5;transform:scale(.9)}}.ava-dialogue-box{border-left:4px solid var(--phoenix-gold);max-width:600px;padding:var(--space-xl);position:relative}.ava-text{color:var(--indigo-deep);font-family:var(--font-display);font-size:1.25rem;font-style:italic;line-height:1.6}.ava-speaking-waves span{animation:ripple 1.5s linear infinite;border:1px solid #ffffff80;border-radius:50%;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ava-speaking-waves span:nth-child(2){animation-delay:.5s}.ava-speaking-waves span:nth-child(3){animation-delay:1s}@keyframes ripple{0%{height:100%;opacity:1;width:100%}to{height:150%;opacity:0;width:150%}}.dashboard-page{background:linear-gradient(135deg,#eeeaf6,#d4c7e8 50%,#f5f0e8);min-height:100vh;padding:2rem 0}.dashboard-hero{background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin:0 2rem 3rem;padding:3rem 2rem;text-align:center}.dashboard-greeting{color:#512da8;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.ubuntu-tagline{color:#673ab7;font-size:1.2rem;margin-bottom:2rem}.ubuntu-quote-card{background:linear-gradient(135deg,#512da8,#673ab7);border-radius:15px;color:#fff;margin:2rem auto 0;max-width:700px;padding:2rem;position:relative}.quote-icon{display:block;font-size:2rem;margin-bottom:1rem}.ubuntu-quote{font-size:1.3rem;font-style:italic;font-weight:300;line-height:1.6;margin:0}.ubuntu-author{display:block;font-size:1rem;font-style:normal;margin-top:1rem;opacity:.9}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:0 2rem}.dashboard-column{display:flex;flex-direction:column;gap:2rem}.dashboard-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.dashboard-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.card-title{color:#512da8;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.card-subtitle{color:#673ab7;font-size:1rem;margin-bottom:1.5rem}.progress-stats{margin-bottom:2rem}.stat-large{align-items:baseline;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.stat-number{font-size:4rem;font-weight:800}.stat-label{color:#673ab7;font-size:1.5rem}.progress-bar{background:#ecf0f1;height:12px}.progress-fill{background:linear-gradient(90deg,#d4af37,#c9a961);transition:width .8s ease}.progress-percentage{color:#d4af37;font-size:1.1rem;font-weight:600;text-align:center}.next-lesson-cta{background:linear-gradient(135deg,#673ab7,#512da8);border-radius:15px;color:#fff;padding:2rem;text-align:center}.next-lesson-cta h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.next-lesson-cta.celebration{background:linear-gradient(135deg,#d4af37,#c9a961)}.next-lesson-cta p{margin-bottom:1rem;opacity:.95}.btn-primary,.btn-secondary{border-radius:50px;display:inline-block;text-decoration:none}.btn-primary{background:#fff;color:#512da8}.btn-primary:hover{box-shadow:0 4px 15px #0003}.btn-secondary{background:#fff3;border:2px solid #fff}.btn-secondary:hover{background:#fff;color:#512da8}.btn-large{font-size:1.2rem;padding:.75rem 1.5rem}.recent-lessons-list{list-style:none;margin:0;padding:0}.recent-lesson-item{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:background .3s ease}.recent-lesson-item:hover{background:#e9ecef}.lesson-icon{font-size:1.5rem}.lesson-info{display:flex;flex-direction:column}.lesson-programme{color:#673ab7;font-size:.85rem;text-transform:capitalize}.lesson-title{color:#512da8;font-size:1rem;font-weight:600}.lesson-status{color:#d4af37;font-size:.85rem;text-transform:capitalize}.rooms-grid{grid-gap:1rem;display:grid;gap:1rem}.room-card{align-items:center;background:#f8f9fa;background:var(--room-color,#f8f9fa);border:2px solid #0000;border-radius:15px;display:flex;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .3s ease}.room-card:hover{border-color:#d4af37;box-shadow:0 4px 15px #0000001a;transform:translateX(8px)}.room-icon{font-size:2rem}.room-info{flex:1 1}.room-name{color:#512da8;font-size:1.2rem;font-weight:600;margin-bottom:.25rem}.room-description{color:#7f8c8d;font-size:.9rem;margin:0}.room-arrow{color:#d4af37;font-size:1.5rem;transition:transform .3s ease}.room-card:hover .room-arrow{transform:translateX(4px)}.no-rooms{color:#7f8c8d;padding:2rem;text-align:center}.no-rooms-icon{display:block;font-size:3rem;margin-bottom:1rem}.phoenix-scores{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.phoenix-score{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;flex-direction:column;padding:1rem}.score-icon{font-size:2rem;margin-bottom:.5rem}.score-label{color:#7f8c8d;font-size:.9rem;margin-bottom:.25rem}.score-value{color:#d4af37;font-size:1.5rem}.phoenix-empty{color:#7f8c8d;padding:2rem;text-align:center}.phoenix-empty p{margin-bottom:1rem}.quick-actions{margin:3rem auto 0;max-width:1400px;padding:0 2rem}.section-title{color:#512da8;font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-align:center}.actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.action-card{align-items:center;border-radius:15px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-decoration:none}.action-card:hover{box-shadow:0 8px 25px #00000026}.action-icon{font-size:3rem}.action-label{color:#512da8;font-size:1.1rem;font-weight:600;text-align:center}.dashboard-loading{align-items:center;background:linear-gradient(135deg,#eeeaf6,#d4c7e8 50%,#f5f0e8);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:pulse 2s ease-in-out infinite;font-size:4rem}.resume-lesson-hero{align-items:center;background:linear-gradient(135deg,#512da8,#7c4dff);border-radius:16px;box-shadow:0 8px 32px #512da84d;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:0 2rem 2rem;padding:1.5rem 2rem}.resume-lesson-hero h2{color:#d4af37;font-size:.85rem;letter-spacing:2px;margin:0 0 .75rem;text-transform:uppercase}.resume-lesson-hero .lesson-info-text h3{color:#fff;font-size:1.3rem;margin:0 0 .5rem}.resume-lesson-hero .progress-meta{color:#fffc;display:flex;flex-wrap:wrap;font-size:.9rem;gap:1rem}.resume-lesson-hero .resume-btn{background:#d4af37;border-radius:50px;color:#1a1a2e;font-weight:700;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.resume-lesson-hero .resume-btn:hover{background:#e5c04b;box-shadow:0 4px 15px #d4af3766;transform:translateY(-2px)}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}.resume-lesson-hero{margin:0 1.5rem 2rem}}@media (max-width:768px){.dashboard-page{padding:1rem 0}.dashboard-hero{border-radius:16px;margin:0 1rem 1.5rem;padding:1.5rem 1rem}.dashboard-greeting{font-size:1.75rem}.ubuntu-tagline{font-size:1rem;margin-bottom:1.5rem}.ubuntu-quote-card{margin-top:1.5rem;padding:1.5rem}.ubuntu-quote{font-size:1rem;line-height:1.5}.dashboard-grid{gap:1.5rem;padding:0 1rem}.dashboard-column{gap:1.5rem}.dashboard-card{border-radius:16px;padding:1.5rem}.card-title{font-size:1.5rem}.actions-grid{gap:1rem;grid-template-columns:1fr}.action-card{flex-direction:row;gap:1rem;padding:1.25rem}.action-icon{font-size:2rem}.action-label{text-align:left}.phoenix-scores{grid-template-columns:1fr}.quick-actions{margin-top:2rem;padding:0 1rem}.section-title{font-size:1.5rem;margin-bottom:1.5rem}.resume-lesson-hero{align-items:stretch;flex-direction:column;margin:0 1rem 1.5rem;padding:1.25rem;text-align:center}.resume-lesson-hero .lesson-info-text h3{font-size:1.15rem}.resume-lesson-hero .progress-meta{font-size:.85rem;justify-content:center}.resume-lesson-hero .resume-btn{padding:1rem 1.5rem;text-align:center;width:100%}.room-card{padding:1rem}.room-name{font-size:1rem}.room-description{font-size:.85rem}.room-icon{font-size:1.5rem}.recent-lesson-item{padding:.875rem}.next-lesson-cta{padding:1.5rem}.next-lesson-cta h3{font-size:1.25rem}.btn-primary,.btn-secondary{font-size:1rem;padding:.875rem 1.5rem;text-align:center;width:100%}}@media (max-width:480px){.stat-number{font-size:3rem}.stat-label{font-size:1.1rem}.dashboard-greeting{font-size:1.5rem}.dashboard-hero{padding:1.25rem .875rem}.ubuntu-quote{font-size:.95rem}.dashboard-card{padding:1.25rem}.card-title{font-size:1.3rem}.card-subtitle{font-size:.9rem}.phoenix-score{padding:.875rem}.score-value{font-size:1.3rem}.score-label{font-size:.8rem}}.phoenix-wheel{background:#fff;border-radius:20px;box-shadow:0 4px 12px #00000014;padding:2rem}.phoenix-wheel.loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.phoenix-header{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem}.phoenix-title-section{flex:1 1}.phoenix-title{color:#1a1a2e;font-size:2rem;font-weight:900;margin:0 0 .5rem}.phoenix-subtitle{color:#666;font-size:1.1rem;margin:0}.phoenix-average{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;min-width:150px;padding:1.5rem 2rem;text-align:center}.average-value{font-size:3rem;font-weight:900;line-height:1;margin-bottom:.5rem}.average-label{font-size:.9rem;opacity:.9}.phoenix-ubuntu{margin-bottom:2rem}.phoenix-chart-container{background:#f8f9fa;border-radius:16px;display:flex;justify-content:center;margin:2rem 0;padding:2rem}.phoenix-radar{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.radar-label{font-size:14px;font-weight:700}.phoenix-quadrants{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:2rem 0}.quadrant-card{background:#fff;border:3px solid #0000;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:1.5rem;transition:all .3s ease}.quadrant-card:hover{border-color:var(--quadrant-color);box-shadow:0 6px 20px #0000001f;transform:translateY(-4px)}.quadrant-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.quadrant-icon{flex-shrink:0;font-size:3rem}.quadrant-info{flex:1 1}.quadrant-name{color:#333;font-size:1.5rem;font-weight:800;margin:0 0 .25rem}.quadrant-description{color:#666;font-size:.95rem;line-height:1.4;margin:0}.quadrant-score{align-items:center;display:flex;flex-direction:column;gap:.25rem}.score-value{color:var(--quadrant-color);font-size:2.5rem;font-weight:900;line-height:1}.score-max{color:#999;font-size:1.2rem;font-weight:600}.score-change{background:#f0f0f0;border-radius:12px;font-size:.85rem;font-weight:600;padding:.25rem .5rem}.quadrant-slider{-webkit-appearance:none;appearance:none;border-radius:10px;cursor:pointer;height:12px;margin:1rem 0 .5rem;outline:none;transition:all .3s ease;width:100%}.quadrant-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:4px solid var(--quadrant-color);border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:28px;-webkit-transition:all .2s ease;transition:all .2s ease;width:28px}.quadrant-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.2)}.quadrant-slider::-moz-range-thumb{background:#fff;border:4px solid var(--quadrant-color);border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:28px;-moz-transition:all .2s ease;transition:all .2s ease;width:28px}.quadrant-slider::-moz-range-thumb:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.2)}.quadrant-markers{display:flex;justify-content:space-between;padding:0 4px}.marker{color:#999;font-size:.75rem;font-weight:600}.quadrant-questions{border-top:2px solid #f0f0f0;margin-top:1.5rem;padding-top:1.5rem}.quadrant-questions summary{color:#667eea;cursor:pointer;font-weight:700;list-style:none;padding:.5rem 0;-webkit-user-select:none;user-select:none}.quadrant-questions summary::-webkit-details-marker{display:none}.quadrant-questions summary:before{content:"▶ ";display:inline-block;transition:transform .2s ease}.quadrant-questions[open] summary:before{transform:rotate(90deg)}.quadrant-questions ul{margin:1rem 0 0;padding-left:1.5rem}.quadrant-questions li{color:#666;line-height:1.6;margin-bottom:.75rem}.phoenix-actions{display:flex;gap:1rem;margin:2rem 0}.phoenix-actions button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:700;padding:1.25rem 2rem;transition:all .3s ease}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.save-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.6}.history-btn{background:#fff;border:2px solid #667eea;color:#667eea}.history-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.phoenix-history{background:#f8f9fa;border-radius:16px;margin-top:2rem;padding:2rem}.phoenix-history h3{color:#333;font-size:1.5rem;font-weight:800;margin:0 0 1.5rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{grid-gap:1.5rem;align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;display:grid;gap:1.5rem;grid-template-columns:auto 1fr auto;padding:1.5rem;transition:all .2s ease}.history-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.history-date{color:#667eea;font-size:.95rem;font-weight:700}.history-scores{display:flex;flex-wrap:wrap;gap:1.5rem}.history-scores span{font-size:1.1rem;font-weight:700}.history-average{color:#333;font-size:1.25rem;font-weight:800;text-align:right}.phoenix-wheel .message{border-radius:12px;font-weight:600;margin:1rem 0;padding:1rem 1.5rem;text-align:center}.phoenix-wheel .message.success{background:#e8f5e9;border:2px solid #4caf50;color:#2e7d32}.phoenix-wheel .message.error{background:#ffebee;border:2px solid #ef5350;color:#c62828}@media (max-width:968px){.phoenix-header{flex-direction:column;text-align:center}.phoenix-average{width:100%}.phoenix-quadrants{grid-template-columns:1fr}.phoenix-actions{flex-direction:column}.history-item{gap:1rem;grid-template-columns:1fr;text-align:center}.history-scores{justify-content:center}.history-average{text-align:center}}@media (max-width:640px){.phoenix-wheel{padding:1.5rem}.phoenix-title{font-size:1.75rem}.phoenix-subtitle{font-size:1rem}.phoenix-chart-container{padding:1rem}.phoenix-radar{height:auto;width:100%}.quadrant-header{flex-direction:column;text-align:center}.quadrant-icon{font-size:4rem}.history-scores{gap:1rem}}@keyframes wheel-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.phoenix-wheel.loading .spinner{animation:wheel-spin 2s linear infinite;font-size:3rem}.quadrant-card{animation:fade-in-up .5s ease-out}.quadrant-card:first-child{animation-delay:.1s}.quadrant-card:nth-child(2){animation-delay:.2s}.quadrant-card:nth-child(3){animation-delay:.3s}.quadrant-card:nth-child(4){animation-delay:.4s}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.average-value{animation:pulse 2s ease-in-out infinite}.self-assessment{font-family:Inter,-apple-system,system-ui,sans-serif;margin:0 auto;max-width:900px;padding:3rem 2rem}.assessment-progress{margin-bottom:3rem}.progress-bar{background:#f0e5d8;border-radius:8px;height:8px;margin-bottom:.5rem}.progress-fill{background:linear-gradient(90deg,#d4a574,#c89f6c);transition:width .4s ease}.progress-text{color:#8b7355;display:block;font-size:.875rem;font-weight:500;text-align:center}.assessment-header{margin-bottom:3rem;text-align:center}.assessment-header h2{color:#5a4a3a;font-size:2rem;font-weight:600;margin-bottom:.5rem}.assessment-header .subtitle{color:#8b7355;font-size:1.125rem;font-style:italic}.assessment-content{background:#fafaf8;border-radius:12px;box-shadow:0 2px 8px #5a4a3a14;margin-bottom:2rem;padding:2.5rem}.assessment-welcome .ubuntu-quote{background:linear-gradient(135deg,#f5ebe0,#f0e5d8);border-radius:8px;margin-bottom:2rem;padding:2rem;text-align:center}.ubuntu-quote p{color:#5a4a3a;font-size:1.5rem;font-style:italic;font-weight:500;margin-bottom:.5rem}.ubuntu-quote span{color:#8b7355;font-size:.875rem}.welcome-content{margin-bottom:2rem}.welcome-content h3{color:#5a4a3a;font-size:1.5rem;margin-bottom:1rem}.welcome-content p{color:#6b5b4b;font-size:1.0625rem;line-height:1.7;margin-bottom:1rem}.programme-info{background:#fff;border-left:4px solid #d4a574;border-radius:4px;padding:1.5rem}.programme-info p{color:#6b5b4b;margin:.5rem 0}.programme-info strong{color:#5a4a3a}.assessment-phoenix-wheel .instruction{color:#6b5b4b;font-size:1.125rem;line-height:1.6;margin-bottom:2rem;text-align:center}.assessment-phoenix-wheel .reminder{color:#8b7355;font-size:1rem;font-style:italic;margin-top:2rem;text-align:center}.assessment-reflection .reflection-question{margin-bottom:2rem}.assessment-reflection label{color:#5a4a3a;display:block;font-size:1.125rem;font-weight:500;margin-bottom:.75rem}.assessment-reflection textarea{background:#fff;border:2px solid #e8dcc8;border-radius:8px;color:#5a4a3a;font-family:Inter,-apple-system,system-ui,sans-serif;font-size:1rem;padding:1rem;resize:vertical;transition:border-color .3s ease;width:100%}.assessment-reflection textarea:focus{border-color:#d4a574;box-shadow:0 0 0 3px #d4a5741a;outline:none}.assessment-reflection textarea::placeholder{color:#b8a893;font-style:italic}.assessment-goals .instruction{color:#6b5b4b;font-size:1.125rem;margin-bottom:2rem;text-align:center}.goal-section{margin-bottom:2rem}.goal-section label{color:#5a4a3a;display:block;font-size:1.125rem;font-weight:500;margin-bottom:.75rem}.goal-section textarea{background:#fff;border:2px solid #e8dcc8;border-radius:8px;color:#5a4a3a;font-family:Inter,-apple-system,system-ui,sans-serif;font-size:1rem;padding:1rem;resize:vertical;transition:border-color .3s ease;width:100%}.goal-section textarea:focus{border-color:#d4a574;box-shadow:0 0 0 3px #d4a5741a;outline:none}.assessment-learning-style .instruction{color:#6b5b4b;font-size:1.125rem;margin-bottom:2rem;text-align:center}.learning-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.learning-option{align-items:center;background:#fff;border:2px solid #e8dcc8;border-radius:8px;cursor:pointer;display:flex;padding:1.25rem;transition:all .3s ease}.learning-option:hover{border-color:#d4a574;box-shadow:0 2px 8px #d4a57426}.learning-option input[type=checkbox]{accent-color:#d4a574;cursor:pointer;height:20px;margin-right:1rem;width:20px}.option-content{display:flex;flex-direction:column}.option-content strong{color:#5a4a3a;font-size:1rem;margin-bottom:.25rem}.option-content span{color:#8b7355;font-size:.875rem}.assessment-commitment .commitment-question{margin-bottom:2rem}.commitment-question label{color:#5a4a3a;display:block;font-size:1.125rem;font-weight:500;margin-bottom:.75rem}.commitment-question input[type=range]{-webkit-appearance:none;background:#e8dcc8;border-radius:8px;height:8px;outline:none;width:100%}.commitment-question input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#d4a574;border-radius:50%;box-shadow:0 2px 6px #d4a57466;cursor:pointer;height:24px;width:24px}.commitment-question input[type=range]::-moz-range-thumb{background:#d4a574;border:none;border-radius:50%;box-shadow:0 2px 6px #d4a57466;cursor:pointer;height:24px;width:24px}.range-value{color:#5a4a3a;font-size:1.5rem;font-weight:600;margin-top:1rem;text-align:center}.range-guidance{color:#8b7355;font-size:1rem;font-style:italic;margin-top:.5rem;text-align:center}.commitment-question select{background:#fff;border:2px solid #e8dcc8;border-radius:8px;color:#5a4a3a;cursor:pointer;font-family:Inter,-apple-system,system-ui,sans-serif;font-size:1rem;padding:1rem;transition:border-color .3s ease;width:100%}.commitment-question select:focus{border-color:#d4a574;box-shadow:0 0 0 3px #d4a5741a;outline:none}.commitment-question input[type=text]{background:#fff;border:2px solid #e8dcc8;border-radius:8px;color:#5a4a3a;font-family:Inter,-apple-system,system-ui,sans-serif;font-size:1rem;padding:1rem;transition:border-color .3s ease;width:100%}.commitment-question input[type=text]:focus{border-color:#d4a574;box-shadow:0 0 0 3px #d4a5741a;outline:none}.field-hint{color:#8b7355;font-size:.875rem;font-style:italic;margin-top:.5rem}.commitment-statement{background:linear-gradient(135deg,#f5ebe0,#f0e5d8);border-left:4px solid #d4a574;border-radius:8px;margin-top:2rem;padding:1.5rem}.commitment-statement h4{color:#5a4a3a;font-size:1.125rem;margin-bottom:.75rem}.commitment-statement p{color:#6b5b4b;font-size:1rem;font-style:italic;line-height:1.7}.assessment-navigation{align-items:center;display:flex;gap:1rem;justify-content:space-between}.btn-secondary:hover{background:#f5ebe0;border-color:#d4a574}.assessment-loading{color:#8b7355;font-size:1.25rem;font-style:italic;padding:4rem 2rem;text-align:center}@media (max-width:768px){.self-assessment{padding:2rem 1rem}.assessment-header h2{font-size:1.5rem}.assessment-header .subtitle{font-size:1rem}.assessment-content{padding:1.5rem}.learning-options{grid-template-columns:1fr}.assessment-navigation{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}.progress-dashboard{background:linear-gradient(135deg,#fafaf8,#f5ebe0);font-family:Inter,-apple-system,system-ui,sans-serif;min-height:100vh}.dashboard-header{align-items:center;background:linear-gradient(135deg,#d4a574,#c89f6c);box-shadow:0 4px 12px #5a4a3a26;color:#fff;display:flex;justify-content:space-between;padding:2.5rem 3rem}.header-content h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.ubuntu-tagline{font-size:1rem;font-style:italic;opacity:.95}.programme-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.programme-selector:hover{background:#ffffff40;border-color:#ffffff80}.programme-selector option{background:#fff;color:#5a4a3a}.dashboard-tabs{background:#fff;border-bottom:2px solid #e8dcc8;display:flex;gap:1rem;padding:0 3rem}.dashboard-tabs button{background:#0000;border:none;color:#8b7355;cursor:pointer;font-family:Inter,-apple-system,system-ui,sans-serif;font-size:1rem;font-weight:600;padding:1.25rem 2rem;position:relative;transition:all .3s ease}.dashboard-tabs button:hover{color:#5a4a3a}.dashboard-tabs button.active{color:#d4a574}.dashboard-tabs button.active:after{background:linear-gradient(90deg,#d4a574,#c89f6c);bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}.dashboard-content{margin:0 auto;max-width:1200px;padding:3rem}.section-description{color:#8b7355;font-size:1.125rem;margin-bottom:2rem}.dashboard-section{margin-bottom:3rem}.dashboard-section h2{color:#5a4a3a;font-size:1.75rem;margin-bottom:1rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:3rem}.stat-card{background:#fff;box-shadow:0 2px 8px #5a4a3a14;padding:2rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 16px #5a4a3a1f;transform:translateY(-4px)}.stat-icon{font-size:3rem;margin-bottom:.75rem}.stat-value{color:#5a4a3a;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#8b7355;font-size:.875rem;letter-spacing:.5px}.phoenix-wheel-container{padding:2rem}.lesson-list,.phoenix-wheel-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #5a4a3a14}.lesson-list{padding:1.5rem}.lesson-item{align-items:center;border-bottom:1px solid #e8dcc8;display:flex;padding:1.25rem;transition:background .2s ease}.lesson-item:last-child{border-bottom:none}.lesson-item:hover{background:#fafaf8}.lesson-status{font-size:1.5rem;margin-right:1rem}.lesson-info{flex:1 1}.lesson-info h4{color:#5a4a3a;font-size:1.125rem;margin-bottom:.25rem}.lesson-info p{color:#8b7355;font-size:.875rem}.lesson-date{color:#b8a893;font-size:.875rem}.empty-state{color:#8b7355;font-style:italic;padding:3rem 2rem;text-align:center}.assessment-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.assessment-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #5a4a3a14;padding:2rem;transition:all .3s ease}.assessment-card:hover{box-shadow:0 4px 16px #5a4a3a1f;transform:translateY(-4px)}.assessment-card.completed{border:2px solid #95e1d3}.assessment-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:1rem}.assessment-header h3{color:#5a4a3a;font-size:1.5rem}.assessment-badge{background:#f0e5d8;border-radius:20px;color:#8b7355;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.assessment-card.completed .assessment-badge{background:#95e1d3;color:#2d3748}.assessment-card>p{color:#6b5b4b;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.assessment-summary{background:#fafaf8;border-radius:8px;margin-top:1rem;padding:1rem}.assessment-summary p{color:#6b5b4b;font-size:.875rem;margin-bottom:1rem}.assessment-summary button{background:#0000;border:2px solid #e8dcc8;border-radius:8px;color:#5a4a3a;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.assessment-summary button:hover{background:#f5ebe0;border-color:#d4a574}.phoenix-evolution{background:#fff;border-radius:12px;box-shadow:0 2px 8px #5a4a3a14;margin-top:3rem;padding:2rem}.phoenix-evolution h3{color:#5a4a3a;font-size:1.5rem;margin-bottom:1.5rem}.evolution-chart{display:flex;flex-direction:column;gap:1rem}.evolution-entry{align-items:center;background:#fafaf8;border-radius:8px;display:flex;padding:1rem}.evolution-label{color:#5a4a3a;font-size:.875rem;font-weight:600;min-width:100px}.evolution-scores{display:flex;font-size:1rem;gap:1.5rem}.evolution-scores span{color:#6b5b4b}.commitments-list{display:flex;flex-direction:column;gap:1rem}.commitment-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #5a4a3a14;padding:1.5rem;transition:all .3s ease}.commitment-card:hover{box-shadow:0 4px 12px #5a4a3a1f}.commitment-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:1rem}.commitment-header h4{color:#5a4a3a;flex:1 1;font-size:1.125rem;line-height:1.5}.commitment-lesson{background:#f0e5d8;border-radius:20px;color:#8b7355;font-size:.75rem;font-weight:600;padding:.5rem 1rem;white-space:nowrap}.commitment-meta{color:#8b7355;font-size:.875rem;margin-bottom:1rem}.commitment-status label{align-items:center;color:#6b5b4b;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.commitment-status input[type=checkbox]{accent-color:#d4a574;cursor:pointer;height:18px;width:18px}.report-options{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.report-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #5a4a3a14;padding:2rem;transition:all .3s ease}.report-card:hover{box-shadow:0 4px 16px #5a4a3a1f;transform:translateY(-4px)}.report-card h3{color:#5a4a3a;font-size:1.5rem;margin-bottom:1rem}.report-card>p{color:#6b5b4b;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.btn-primary,.btn-secondary{font-family:Inter,-apple-system,system-ui,sans-serif;width:100%}.btn-primary{background:linear-gradient(135deg,#d4a574,#c89f6c);box-shadow:0 4px 12px #d4a5744d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #d4a57466}.btn-primary:disabled{transform:none}.btn-secondary{border:2px solid #e8dcc8;color:#5a4a3a}.btn-secondary:hover:not(:disabled){background:#f5ebe0;border-color:#d4a574}.btn-secondary:disabled{opacity:.6}.assessment-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#5a4a3ad9;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.assessment-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #5a4a3a4d;max-height:90vh;max-width:1000px;overflow-y:auto;position:relative;width:100%}.close-modal{align-items:center;background:#f0e5d8;border:none;border-radius:50%;color:#5a4a3a;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;width:40px;z-index:10}.close-modal:hover{background:#d4a574;color:#fff;transform:rotate(90deg)}.progress-dashboard.loading,.progress-dashboard.no-user{align-items:center;display:flex;justify-content:center;min-height:100vh;text-align:center}.progress-dashboard.loading p{color:#8b7355;font-size:1.5rem;font-style:italic}.progress-dashboard.no-user h2{color:#5a4a3a;font-size:2rem;margin-bottom:2rem}.progress-dashboard.no-user button{background:linear-gradient(135deg,#d4a574,#c89f6c);border:none;border-radius:8px;box-shadow:0 4px 12px #d4a5744d;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 3rem;transition:all .3s ease}.progress-dashboard.no-user button:hover{box-shadow:0 6px 16px #d4a57466;transform:translateY(-2px)}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:1.5rem;padding:2rem 1.5rem}.header-content h1{font-size:2rem}.dashboard-tabs{overflow-x:auto;padding:0 1.5rem}.dashboard-tabs button{padding:1rem 1.5rem;white-space:nowrap}.dashboard-content{padding:2rem 1.5rem}.stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.assessment-cards,.report-options{grid-template-columns:1fr}.commitment-header{flex-direction:column;gap:.5rem}.commitment-lesson{align-self:flex-start}}.form-field{margin-bottom:1.5rem;width:100%}.form-field__label{color:#2c3e50;color:var(--text-primary,#2c3e50);display:block;font-family:Ubuntu,sans-serif;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-field__required{color:#e74c3c;color:var(--color-error,#e74c3c);margin-left:.25rem}.form-field select,.form-field textarea,.form-field__input{background:#fff;background:var(--input-bg,#fff);border:2px solid #dfe6e9;border:2px solid var(--border-color,#dfe6e9);border-radius:8px;color:#2c3e50;color:var(--text-primary,#2c3e50);font-family:Ubuntu,sans-serif;font-size:1rem;outline:none;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-field select:focus,.form-field textarea:focus,.form-field__input:focus{border-color:#3498db;border-color:var(--color-primary,#3498db);box-shadow:0 0 0 3px #3498db1a}.form-field select:disabled,.form-field textarea:disabled,.form-field__input:disabled{background-color:#f5f6fa;background-color:var(--input-disabled-bg,#f5f6fa);cursor:not-allowed;opacity:.6}.form-field select.form-field__input--error,.form-field textarea.form-field__input--error,.form-field__input--error{border-color:#e74c3c;border-color:var(--color-error,#e74c3c)}.form-field select.form-field__input--error:focus,.form-field textarea.form-field__input--error:focus,.form-field__input--error:focus{box-shadow:0 0 0 3px #e74c3c1a}.form-field__error{align-items:center;animation:slideDown .2s ease;background:#e74c3c0d;border-left:3px solid #e74c3c;border-left:3px solid var(--color-error,#e74c3c);border-radius:4px;color:#e74c3c;color:var(--color-error,#e74c3c);display:flex;font-size:.875rem;margin-top:.5rem;padding:.5rem .75rem}.form-field textarea{line-height:1.5;min-height:100px;resize:vertical}.form-field select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%232c3e50' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.form-field__checkbox-wrapper{align-items:center;display:flex;gap:.75rem}.form-field__checkbox{border:2px solid #dfe6e9;border:2px solid var(--border-color,#dfe6e9);border-radius:4px;cursor:pointer;height:1.25rem;transition:all .2s ease;width:1.25rem}.form-field__checkbox:checked{background-color:#3498db;background-color:var(--color-primary,#3498db);border-color:#3498db;border-color:var(--color-primary,#3498db)}.form-field__checkbox:focus{box-shadow:0 0 0 3px #3498db1a;outline:none}.form-field__checkbox-label{color:#2c3e50;color:var(--text-primary,#2c3e50);cursor:pointer;font-size:1rem;font-weight:500;margin:0;-webkit-user-select:none;user-select:none}.form-field input[type=number]::-webkit-inner-spin-button,.form-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-field input[type=number]{-moz-appearance:textfield}@media (max-width:768px){.form-field{margin-bottom:1.25rem}.form-field__label{font-size:.9rem}.form-field select,.form-field textarea,.form-field__input{font-size:.95rem;padding:.65rem .85rem}.form-field__error{font-size:.8rem;padding:.4rem .6rem}}@media (prefers-color-scheme:dark){.form-field__label{color:#ecf0f1;color:var(--text-primary-dark,#ecf0f1)}.form-field select,.form-field textarea,.form-field__input{background:#2c3e50;background:var(--input-bg-dark,#2c3e50);border-color:#34495e;border-color:var(--border-color-dark,#34495e);color:#ecf0f1;color:var(--text-primary-dark,#ecf0f1)}.form-field__checkbox-label{color:#ecf0f1;color:var(--text-primary-dark,#ecf0f1)}}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-container{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;display:grid;grid-template-columns:1fr 1fr;max-width:1200px;overflow:hidden;width:100%}.login-brand{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center;overflow:hidden;padding:4rem;position:relative}.login-brand:before{background:radial-gradient(circle at 30% 50%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.brand-content{position:relative;z-index:1}.brand-title{font-size:3rem;font-weight:900;line-height:1.2;margin:0 0 1rem;text-shadow:0 2px 10px #0003}.brand-subtitle{font-size:1.5rem;font-weight:300;margin:0 0 3rem;opacity:.95}.ubuntu-quote{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-left:4px solid #ffffff80;border-radius:8px;margin:0 0 3rem;padding:1.5rem}.quote-text{font-size:1.5rem;font-style:italic;font-weight:300;margin:0 0 .5rem}.quote-attribution{font-size:1rem;margin:0;opacity:.8}.cathedral-features{display:flex;flex-direction:column;gap:1.5rem}.feature{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.feature:hover{background:#fff3;transform:translateX(8px)}.feature-icon{font-size:2rem}.feature-text{font-size:1.1rem;font-weight:500}.login-forms{align-items:center;background:#fafafa;display:flex;justify-content:center;padding:4rem}.form-wrapper{max-width:420px;width:100%}.form-title{color:#1a1a2e;font-size:2rem;font-weight:900;margin:0 0 .5rem}.form-subtitle{color:#666;font-size:1.1rem;margin:0 0 2rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;gap:1rem}.form-group{gap:.5rem}.form-group label{color:#333;font-size:.95rem}.form-group input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.form-help{color:#666;font-size:.875rem;margin:-.25rem 0 0}.message{border-radius:8px;font-size:.95rem;padding:1rem}.message.success{background:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.message.error{background:#ffebee;border:1px solid #ef5350;color:#c62828}.btn-primary,.btn-secondary{font-size:1.1rem;font-weight:700;padding:1rem 2rem;text-align:center}.oauth-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.btn-oauth{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem;transition:all .3s ease}.btn-oauth:hover:not(:disabled){background:#f8f8f8;border-color:#d0d0d0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.btn-oauth:active:not(:disabled){transform:translateY(0)}.btn-oauth:disabled{cursor:not-allowed;opacity:.5}.btn-oauth.google{border-color:#4285f4}.btn-oauth.google:hover:not(:disabled){background:#f7f9fd;border-color:#4285f4}.btn-oauth.apple{border-color:#000;color:#000}.btn-oauth.apple:hover:not(:disabled){background:#f5f5f5;border-color:#000}.oauth-icon{flex-shrink:0}.divider-line{align-items:center;color:#999;display:flex;font-size:.9rem;margin:1.5rem 0;text-align:center}.divider-line:after,.divider-line:before{border-bottom:1px solid #e0e0e0;content:"";flex:1 1}.divider-text{padding:0 1rem;white-space:nowrap}.btn-primary{box-shadow:0 4px 12px #667eea4d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6}.btn-secondary:hover:not(:disabled){background:#667eea;box-shadow:0 4px 12px #667eea33;color:#fff;transform:translateY(-2px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.4}.form-footer{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem;padding-top:1.5rem}.link-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:.95rem;font-weight:600;padding:0;transition:all .2s ease}.link-button:hover{color:#764ba2;text-decoration:underline}.divider{color:#ccc}@media (max-width:968px){.login-container{grid-template-columns:1fr}.login-brand{padding:3rem 2rem}.brand-title{font-size:2.5rem}.brand-subtitle{font-size:1.25rem}.cathedral-features{display:none}.login-forms{padding:3rem 2rem}}@media (max-width:640px){.login-page{padding:1rem}.login-brand{padding:2rem 1.5rem}.brand-title{font-size:2rem}.brand-subtitle{font-size:1.1rem}.login-forms{padding:2rem 1.5rem}.form-title{font-size:1.75rem}.form-row{grid-template-columns:1fr}.btn-primary,.btn-secondary{font-size:1rem;padding:.875rem 1.5rem}}.btn-primary:disabled,.btn-secondary:disabled{position:relative}.btn-primary:disabled:after,.btn-secondary:disabled:after{animation:spin .8s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;content:"";height:16px;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:16px}.placeholder-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:80vh;padding:40px 20px}.placeholder-content{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;max-width:600px;padding:60px 40px;text-align:center}.ubuntu-icon{animation:float 3s ease-in-out infinite;font-size:5rem;margin-bottom:20px}.placeholder-content h1{color:#2d3748;font-size:2.5rem;margin-bottom:15px}.ubuntu-message{color:#718096;font-size:1.2rem;margin-bottom:10px}.subtitle{color:#a0aec0;font-size:1rem;font-style:italic;margin-bottom:40px}.placeholder-actions{display:flex;gap:15px;justify-content:center}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#667eea}@media (max-width:768px){.placeholder-content{padding:40px 30px}.placeholder-content h1{font-size:2rem}.placeholder-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.enrollment-page{background:linear-gradient(180deg,#f8f6fa,#ede7f6);background:linear-gradient(180deg,#f8f6fa 0,var(--lavender) 100%);min-height:100vh;padding:40px 20px 80px}.enrollment-container{max-width:1200px}.enrollment-header{margin-bottom:48px}.back-link{align-items:center;color:#512da8;color:var(--indigo);display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;text-decoration:none;transition:opacity .3s ease}.back-link:hover{opacity:.7}.enrollment-header h1{color:#512da8;color:var(--indigo);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);font-size:clamp(32px,4vw,48px);font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.enrollment-subtitle{color:#512da8b3;font-size:18px;margin:0}.enrollment-grid{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 400px}.enrollment-form-section{background:#fff;border-radius:20px;box-shadow:0 8px 32px #512da81a;padding:40px}.enrollment-form-section h2{color:#512da8;color:var(--indigo);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);font-size:24px;font-weight:700;margin-bottom:24px}.enrollment-form{display:flex;flex-direction:column;gap:20px}.enrollment-error{background:#fee2e2;border:2px solid #dc2626;border-radius:8px;color:#991b1b;font-size:14px;line-height:1.5;padding:16px}.enrollment-error strong{font-weight:700}.checkbox-group label{align-items:flex-start;color:#512da8cc;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:12px}.checkbox-group input[type=checkbox]{cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.checkbox-group a{color:#512da8;color:var(--indigo);text-decoration:underline}.btn-enroll-submit{background:#512da8;background:var(--indigo);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:12px;padding:18px 32px;transition:all .3s ease}.btn-enroll-submit:hover{background:#6a3ab8;box-shadow:0 8px 24px #512da84d;transform:translateY(-2px)}.btn-enroll-submit:disabled{background:#512da880;box-shadow:none;cursor:not-allowed;transform:none}.enrollment-summary{position:-webkit-sticky;position:sticky;top:20px}.summary-card{border:2px solid #d4af3733;border-radius:20px;box-shadow:0 8px 32px #512da81a;padding:32px}.summary-card h3{color:var(--indigo);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);font-size:20px;font-weight:700;margin-bottom:24px}.summary-item{align-items:center;display:flex;font-size:15px;justify-content:space-between;padding:12px 0}.summary-label{color:#512da8b3}.summary-value{color:#512da8;color:var(--indigo);font-weight:600}.summary-divider{border:none;border-top:2px solid #512da81a;margin:16px 0}.summary-total{font-size:20px;font-weight:700;padding:16px 0}.summary-total .summary-value{color:#d4af37;color:var(--gold);font-size:28px}.summary-features{border-top:2px solid #512da81a;margin-top:24px;padding-top:24px}.summary-features h4{color:#512da8;color:var(--indigo);font-size:16px;font-weight:700;margin-bottom:12px}.summary-features ul{list-style:none;margin:0;padding:0}.summary-features li{color:#512da8cc;font-size:14px;padding:6px 0}.summary-note{border-top:2px solid #512da81a;margin-top:24px;padding-top:24px}.summary-note p{color:#512da8b3;font-size:13px;line-height:1.6;margin-bottom:12px}.summary-note p:last-child{margin-bottom:0}.summary-note a{color:#512da8;color:var(--indigo);text-decoration:underline}.enrollment-steps{display:flex;gap:40px;justify-content:center;margin-bottom:48px}.step{color:#512da866;font-size:16px;font-weight:600;padding-bottom:8px;position:relative}.step.active{color:#512da8;color:var(--indigo)}.step.active:after{background:#d4af37;background:var(--gold);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.tiers-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.tier-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 8px 24px #512da814;cursor:pointer;display:flex;flex-direction:column;padding:32px;transition:all .3s ease}.tier-card:hover{box-shadow:0 12px 32px #512da826;transform:translateY(-4px)}.tier-card.selected{background:#f8f6fa;border-color:#512da8;border-color:var(--indigo)}.tier-header h3{color:#512da8;color:var(--indigo);font-size:24px;margin-bottom:8px}.tier-header p{color:#512da8b3;font-size:14px;margin-bottom:24px;min-height:40px}.tier-features{flex-grow:1;list-style:none;margin:0 0 32px;padding:0}.tier-features li{color:#4a5568;display:flex;font-size:14px;gap:8px;padding:8px 0}.tier-price{font-size:32px;margin-bottom:24px;text-align:center}.btn-select-tier,.tier-price{color:#512da8;color:var(--indigo);font-weight:700}.btn-select-tier{background:#0000;border:2px solid #512da8;border:2px solid var(--indigo);border-radius:12px;cursor:pointer;padding:16px;transition:all .2s;width:100%}.tier-card.selected .btn-select-tier{background:#512da8;background:var(--indigo);color:#fff}.customize-section h2,.tier-selection h2{color:#512da8;color:var(--indigo);font-size:28px;margin-bottom:40px;text-align:center}.options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.option-card{align-items:center;background:#fff;border:2px solid #512da81a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;padding:24px;text-align:center;transition:all .2s}.option-card.selected{background:#f8f6fa;border-color:#512da8;border-color:var(--indigo)}.option-card input{display:none}.option-title{color:#512da8;color:var(--indigo);font-weight:600;margin-bottom:8px}.option-price{color:#d4af37;color:var(--gold);font-size:24px;font-weight:700;margin-bottom:8px}.option-desc{color:#512da899;font-size:13px}.addons-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.addon-card{align-items:center;background:#fff;border:2px solid #512da81a;border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:all .2s}.addon-card.selected{background:#f8f6fa;border-color:#512da8;border-color:var(--indigo)}.addon-info h4{color:#512da8;color:var(--indigo);margin:0 0 4px}.addon-price{color:#d4af37;color:var(--gold);font-weight:700}.addon-checkbox{color:#512da8;color:var(--indigo);font-size:14px;font-weight:600}.step-actions{display:flex;justify-content:space-between;margin-top:40px}.btn-next{background:#512da8;background:var(--indigo);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px 32px;transition:all .2s}.btn-next:hover{background:#6a3ab8;transform:translateY(-2px)}.btn-back{background:#0000;padding:16px 32px}.btn-back,.btn-back-link{border:none;color:#512da8;color:var(--indigo);cursor:pointer;font-weight:600}.btn-back-link{background:none;display:block;margin-top:20px;text-decoration:underline}@media (max-width:968px){.enrollment-grid{grid-template-columns:1fr}.enrollment-summary{position:static}.form-row{grid-template-columns:1fr}}@media (max-width:640px){.enrollment-page{padding:20px 16px 60px}.enrollment-form-section,.summary-card{padding:24px}}:root{--green:#10b981}.enrollment-success-page{align-items:center;background:linear-gradient(180deg,#f8f6fa,#ede7f6);background:linear-gradient(180deg,#f8f6fa 0,var(--lavender) 100%);display:flex;justify-content:center;min-height:100vh;padding:60px 20px}.success-container{max-width:700px}.processing-animation{background:#fff;border-radius:20px;box-shadow:0 8px 32px #512da81a;padding:60px 40px}.spinner{border:4px solid #512da833;border-radius:50%;border-top:4px solid var(--indigo);height:60px;margin:0 auto 24px;width:60px}.processing-animation h2{color:#512da8;color:var(--indigo);font-size:24px;font-weight:700;margin-bottom:12px}.processing-animation p{color:#512da8b3;font-size:16px}.success-icon{animation:scaleIn .5s ease-out;margin-bottom:32px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-icon svg{filter:drop-shadow(0 4px 12px rgba(16,185,129,.3))}.success-title{animation:fadeIn .6s ease-out .2s both;color:#512da8;color:var(--indigo);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);font-size:clamp(32px,4vw,48px);font-weight:700;margin-bottom:16px}.success-message{animation:fadeIn .6s ease-out .3s both;color:#512da8cc;font-size:18px;line-height:1.7;margin-bottom:48px}.next-steps-card{animation:fadeIn .6s ease-out .4s both;background:#fff;border-radius:20px;box-shadow:0 8px 32px #512da81a;margin-bottom:32px;padding:40px;text-align:left}.next-steps-card h2{color:#512da8;color:var(--indigo);font-size:24px;font-weight:700;margin-bottom:24px;text-align:center}.steps-list{display:flex;flex-direction:column;gap:24px}.step-item{align-items:flex-start;display:flex;gap:20px}.step-number{background:linear-gradient(135deg,#512da8,#6a3ab8);background:linear-gradient(135deg,var(--indigo),#6a3ab8);height:40px;width:40px}.step-content h3{color:#512da8;color:var(--indigo);font-size:18px;font-weight:700;margin-bottom:8px}.step-content p{color:#512da8b3;font-size:15px;line-height:1.6;margin:0}.support-section{animation:fadeIn .6s ease-out .5s both;background:#d4af371a;border:2px solid #d4af374d;border-radius:12px;margin-bottom:32px;padding:24px}.support-section h3{color:#512da8;color:var(--indigo);font-size:18px;font-weight:700;margin-bottom:12px}.support-section p{color:#512da8cc;font-size:15px;line-height:1.6;margin:0}.support-section a{color:#512da8;color:var(--indigo);font-weight:600;text-decoration:underline}.success-actions{animation:fadeIn .6s ease-out .6s both;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:32px}.btn-primary-success{background:#512da8;background:var(--indigo);border-radius:12px;color:#fff;font-size:16px;font-weight:700;padding:16px 32px;text-decoration:none;transition:all .3s ease}.btn-primary-success:hover{background:#6a3ab8;box-shadow:0 8px 24px #512da84d;transform:translateY(-2px)}.btn-secondary-success{background:#fff;border:2px solid #512da8;border:2px solid var(--indigo);border-radius:12px;color:#512da8;color:var(--indigo);font-size:16px;font-weight:600;padding:16px 32px;text-decoration:none;transition:all .3s ease}.btn-secondary-success:hover{background:#512da80d}.session-reference{animation:fadeIn .6s ease-out .7s both;margin-top:24px}.reference-text{color:#512da880;font-size:12px}.reference-text code{background:#512da81a;border-radius:4px;font-family:Courier New,monospace;font-size:11px;padding:4px 8px}@media (max-width:640px){.enrollment-success-page{padding:40px 16px}.next-steps-card{padding:24px}.success-actions{flex-direction:column}.btn-primary-success,.btn-secondary-success{width:100%}}.direct-enrollment-page{background:linear-gradient(135deg,#ede7f6,#f3e5f5 50%,#fff9c4);min-height:100vh;padding:40px 20px}.enrollment-container{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;margin:0 auto;max-width:900px;overflow:hidden}.enrollment-header{background:linear-gradient(135deg,#512da8,#7b1fa2);color:#fff;padding:48px 40px;text-align:center}.organization-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;display:inline-block;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:16px;padding:8px 20px;text-transform:uppercase}.enrollment-header h1{font-size:36px;font-weight:800;margin:0 0 12px}.enrollment-intro{font-size:18px;margin:0;opacity:.9}.enrollment-details{padding:48px 40px}.tier-info{border-bottom:2px solid #f0f0f0;margin-bottom:40px;padding-bottom:32px;text-align:center}.tier-info h2{color:#512da8;font-size:28px;margin:0 0 8px}.tier-description{color:#666;font-size:16px;margin:0 0 24px}.tier-price{align-items:baseline;display:flex;gap:8px;justify-content:center}.price-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#512da8,#d4af37);-webkit-background-clip:text;font-size:48px;font-weight:800}.price-period{color:#666;font-size:18px}.tier-features{margin-bottom:40px}.tier-features h3{color:#333;font-size:20px;margin:0 0 20px}.features-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;margin:0;padding:0}.features-list li{align-items:center;background:#512da80d;border-radius:8px;color:#333;display:flex;font-size:15px;gap:12px;padding:12px}.feature-icon{flex-shrink:0;font-size:24px}.admin-info{background:#f5f5f5;border-radius:12px;margin-bottom:32px;padding:24px}.admin-info h3{color:#512da8;font-size:18px;margin:0 0 16px}.admin-details p{font-size:15px;margin:8px 0}.admin-note{color:#666;font-size:14px;font-style:italic;margin:16px 0 0}.enrollment-actions{padding:0 40px 48px}.btn-enroll-primary{align-items:center;background:linear-gradient(135deg,#512da8,#d4af37);border:none;border-radius:12px;box-shadow:0 4px 20px #512da84d;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;gap:12px;justify-content:center;padding:20px 32px;transition:all .3s ease;width:100%}.btn-enroll-primary:hover:not(:disabled){box-shadow:0 6px 30px #512da866;transform:translateY(-2px)}.btn-enroll-primary:disabled{cursor:not-allowed;opacity:.6}.enrollment-trust{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:24px}.trust-badge{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.enrollment-footer{background:#f9f9f9;border-top:1px solid #e5e5e5;padding:32px 40px;text-align:center}.ubuntu-message{color:#512da8;font-size:16px;margin:0 0 12px}.ubuntu-message em{font-weight:600}.support-link{color:#666;font-size:14px;margin:0}.support-link a{color:#512da8;font-weight:600;text-decoration:none}.support-link a:hover{text-decoration:underline}.enrollment-loading{padding:80px 40px;text-align:center}.spinner-large{animation:spin .8s linear infinite;border:6px solid #f0f0f0;border-radius:50%;border-top-color:#512da8;height:64px;margin:0 auto 24px;width:64px}.spinner-small{animation:spin .6s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.enrollment-error{padding:80px 40px;text-align:center}.error-icon{font-size:64px;margin-bottom:24px}.enrollment-error h2{color:#dc2626;font-size:28px;margin:0 0 12px}.enrollment-error p{color:#666;font-size:16px;margin:0 0 32px}.error-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.btn-secondary{background:#512da8;border:none;border-radius:8px;color:#fff;transition:all .2s ease}.btn-secondary:hover{background:#6a1b9a}.btn-link{background:#0000;border:2px solid #512da8;border-radius:8px;color:#512da8;display:inline-block;font-size:16px;font-weight:600;padding:12px 32px;text-decoration:none;transition:all .2s ease}.btn-link:hover{background:#512da81a}@media (max-width:768px){.enrollment-header{padding:32px 24px}.enrollment-header h1{font-size:28px}.enrollment-actions,.enrollment-details{padding:32px 24px}.price-amount{font-size:36px}.features-list{grid-template-columns:1fr}.enrollment-trust{align-items:center;flex-direction:column;gap:12px}.btn-enroll-primary{font-size:18px}}:root{--lavender:#ede7f6;--indigo:#512da8;--gold:#d4af37;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif}.beta-signup-page{background:linear-gradient(180deg,#f8f6fa,#ede7f6);background:linear-gradient(180deg,#f8f6fa 0,var(--lavender) 100%);min-height:100vh;padding:60px 20px}.beta-container{background:#fff;border-radius:20px;box-shadow:0 8px 32px #512da81a;margin:0 auto;max-width:600px;padding:48px}.beta-container.beta-wide{max-width:1200px}.beta-header{margin-bottom:40px;text-align:center}.beta-header h1{color:#512da8;color:var(--indigo);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);font-size:clamp(28px,4vw,40px);font-weight:700;margin-bottom:16px}.beta-header p{color:#512da8cc;font-size:16px;line-height:1.6;margin:0}.beta-header strong{color:#d4af37;color:var(--gold)}.beta-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr}.form-group{gap:8px}.form-group label{color:#512da8;color:var(--indigo);font-size:14px}.form-group input,.form-group select{border:2px solid #512da833;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);font-size:16px;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{border-color:#512da8;border-color:var(--indigo);box-shadow:0 0 0 3px #512da81a;outline:none}.form-group input::placeholder{color:#512da866}.btn-beta-submit{background:#512da8;background:var(--indigo);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:12px;padding:16px 32px;transition:all .3s ease}.btn-beta-submit:hover:not(:disabled){background:#6a3ab8;box-shadow:0 8px 24px #512da84d;transform:translateY(-2px)}.btn-beta-submit:disabled{background:#512da880;cursor:not-allowed}.programmes-grid-beta{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.programme-card-beta{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:2px solid #512da81a;border-radius:16px;cursor:pointer;padding:32px;text-align:center;transition:all .3s ease}.programme-card-beta:hover{border-color:#d4af37;border-color:var(--gold);box-shadow:0 12px 32px #512da826;transform:translateY(-4px)}.programme-icon-beta{font-size:64px;margin-bottom:16px}.programme-card-beta h3{color:#512da8;color:var(--indigo);font-size:24px;font-weight:700;margin-bottom:12px}.programme-desc{color:#512da8b3;font-size:14px;line-height:1.5;margin-bottom:16px}.programme-best-for{color:#512da899;font-size:13px;margin-bottom:20px}.btn-select-programme{background:#d4af37;background:var(--gold);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .3s ease;width:100%}.btn-select-programme:hover:not(:disabled){background:#c29f31;transform:scale(1.05)}.btn-select-programme:disabled{background:#d4af3780;cursor:not-allowed}.beta-error{background:#fee2e2;border:2px solid #dc2626;border-radius:8px;color:#991b1b;font-size:14px;line-height:1.5;margin-bottom:24px;padding:16px}.beta-error strong{font-weight:700}.beta-note{background:#d4af371a;border:2px solid #d4af374d;border-radius:12px;margin-top:32px;padding:20px}.beta-note p{color:#512da8cc;font-size:14px;line-height:1.6;margin:0}.beta-note strong{color:#512da8;color:var(--indigo)}@media (max-width:768px){.beta-container{padding:32px 24px}.form-row,.programmes-grid-beta{grid-template-columns:1fr}}.admin-invitations-page{background:linear-gradient(135deg,#ede7f6,#f3e5f5 50%,#e1bee7);min-height:100vh;padding:40px 20px}.admin-container{background:#fff;border-radius:16px;box-shadow:0 8px 32px #512da826;margin:0 auto;max-width:1400px;padding:40px}.admin-header{border-bottom:3px solid #512da8;margin-bottom:40px;padding-bottom:30px;text-align:center}.admin-header h1{color:#512da8;font-size:2.5rem;margin-bottom:10px}.admin-header p{color:#666;font-size:1.1rem}.admin-actions{margin:40px 0;text-align:center}.btn-generate{background:linear-gradient(135deg,#512da8,#7e57c2);border:none;border-radius:12px;box-shadow:0 4px 20px #512da84d;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;padding:20px 50px;transition:all .3s ease}.btn-generate:hover:not(:disabled){box-shadow:0 6px 30px #512da866;transform:translateY(-2px)}.btn-generate:disabled{cursor:not-allowed;opacity:.6}.admin-success{background:linear-gradient(135deg,#4caf50,#81c784);border-radius:12px;color:#fff;margin:30px 0;padding:30px;text-align:center}.admin-success h2{font-size:1.8rem;margin:0 0 20px}.admin-export-actions{display:flex;gap:20px;justify-content:center;margin-top:20px}.btn-copy,.btn-export{background:#fff;border:2px solid #fff;border-radius:8px;color:#4caf50;cursor:pointer;font-weight:700;padding:12px 30px;transition:all .3s ease}.btn-copy:hover,.btn-export:hover{background:#ffffffe6;transform:scale(1.05)}.admin-error{background:#f44336;border-radius:8px;color:#fff;margin-top:20px;padding:15px}.admin-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:30px 0}.stat-card{background:linear-gradient(135deg,#ede7f6,#d1c4e9);border:2px solid #512da8;border-radius:12px;padding:25px;text-align:center}.stat-number{color:#512da8;display:block;font-size:3rem;font-weight:700;margin-bottom:8px}.stat-label{color:#666;display:block;letter-spacing:1px;text-transform:uppercase}.admin-table-container{margin-top:40px}.admin-table-container h2{color:#512da8;font-size:1.8rem;margin-bottom:20px}.admin-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:100%}.admin-table thead{background:linear-gradient(135deg,#512da8,#7e57c2);color:#fff}.admin-table th{font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.admin-table td{border-bottom:1px solid #eee;padding:15px}.admin-table tbody tr{transition:background-color .2s ease}.admin-table tbody tr:hover{background-color:#f5f5f5}.admin-table tbody tr.used{background-color:#f1f8e9}.admin-table tbody tr.pending{background-color:#fff3e0}.status-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:700;padding:6px 12px}.status-badge.used{background:#4caf50;color:#fff}.status-badge.pending{background:#ff9800;color:#fff}.btn-copy-link{background:#512da8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.btn-copy-link:hover:not(:disabled){background:#7e57c2;transform:scale(1.05)}.btn-copy-link:disabled{background:#ccc;cursor:not-allowed}@media (max-width:1200px){.admin-table{font-size:.9rem}.admin-table td,.admin-table th{padding:12px 8px}}@media (max-width:768px){.admin-container{padding:20px}.admin-header h1{font-size:1.8rem}.btn-generate{font-size:1.1rem;padding:15px 30px}.admin-export-actions{flex-direction:column}.admin-table{display:block;overflow-x:auto}.stat-number{font-size:2rem}}.about-page{min-height:100vh}.about-hero{background:linear-gradient(135deg,#512da8,#7e57c2);color:#fff;padding:80px 20px;text-align:center}.about-hero h1{font-size:3.5rem;margin-bottom:1.5rem}.about-hero h1 span{color:#d4af37}.about-hero p{font-size:1.2rem;line-height:1.7;margin:0 auto;max-width:900px}.team-section{margin:0 auto;max-width:1400px;padding:80px 20px}.team-section h2{color:#d4af37;font-size:2.5rem;margin-bottom:60px;text-align:center}.team-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.team-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;position:relative;transition:transform .3s ease}.team-card:hover{transform:translateY(-10px)}.team-photo img{height:220px;object-fit:cover;width:100%}.team-content{padding:30px}.team-content h3{color:#512da8;font-size:1.3rem;margin-bottom:8px}.team-title{color:#d4af37;font-weight:700;margin-bottom:15px}.team-description{color:#4a4a4a;line-height:1.6;margin-bottom:20px}.team-email{background:#512da8;border-radius:25px;color:#fff;display:inline-block;font-size:.9rem;padding:10px 20px;text-decoration:none;transition:background .3s ease}.team-email:hover{background:#7e57c2}.team-overlay{background:linear-gradient(135deg,#512da8f2,#7e57c2f2);bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;padding:30px;position:absolute;right:0;top:0;transition:opacity .4s ease}.team-card:hover .team-overlay{opacity:1}.team-overlay h4{color:#d4af37;margin-bottom:15px}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.badge{background:linear-gradient(135deg,#d4af37,#ffa726);border-radius:20px;font-size:.75rem;font-weight:700;padding:6px 14px}.mission-section{background:#f5f5f5;padding:80px 20px}.mission-content{margin:0 auto;max-width:1200px}.mission-content h2{color:#512da8;font-size:2.5rem;margin-bottom:30px;text-align:center}.mission-content>p{color:#4a4a4a;font-size:1.2rem;line-height:1.8;margin:0 auto 60px;max-width:900px;text-align:center}.values-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.value-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;padding:40px}.value-card h3{color:#512da8;margin-bottom:15px}.value-card p{color:#4a4a4a;line-height:1.6}.impact-section{background:linear-gradient(135deg,#512da8,#7e57c2);color:#fff;padding:80px 20px}.impact-section h2{color:#d4af37;font-size:2.5rem;margin-bottom:60px;text-align:center}.impact-stats{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px}.stat{text-align:center}.stat-number{color:#d4af37;font-size:3.5rem;font-weight:900;margin-bottom:10px}.stat-label{font-size:1.1rem;font-weight:500;opacity:1}@media (max-width:768px){.team-grid{grid-template-columns:1fr}.about-hero h1{font-size:2.5rem}}.contact-page{min-height:100vh}.contact-hero{background:linear-gradient(135deg,#512da8,#7e57c2);color:#fff;padding:60px 20px;text-align:center}.contact-hero h1{font-size:3rem;margin-bottom:1rem}.contact-hero h1 span{color:#d4af37}.contact-hero p{font-size:1.2rem;line-height:1.6;margin:0 auto 2rem;max-width:800px}.connection-highlight{align-items:center;background:#ffffff1a;border-radius:30px;display:inline-flex;font-weight:600;gap:10px;padding:12px 24px}.programmes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px;padding:40px 20px}.programme-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;padding:30px;transition:transform .3s ease}.programme-card:hover{transform:translateY(-5px)}.programme-card h3{color:#512da8;font-size:1.3rem;margin-bottom:12px}.chip{background:#ede7f6;border-radius:20px;color:#512da8;font-size:.85rem;margin-bottom:15px;padding:6px 14px}.chip,.mailto-btn{display:inline-block}.mailto-btn{background:linear-gradient(135deg,#d4af37,#ffa726);border-radius:25px;color:#fff;font-weight:600;padding:10px 20px;text-decoration:none;transition:transform .3s ease}.mailto-btn:hover{transform:scale(1.05)}.contact-details{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:40px 20px}.contact-box,.contact-form-box{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000001a;padding:40px}.contact-box h2,.contact-form-box h2{color:#d4af37;margin-bottom:20px}.contact-list p{line-height:1.8;margin-bottom:20px}.contact-list a{color:#512da8;text-decoration:none}.contact-list a:hover{text-decoration:underline}form{grid-gap:20px;display:grid;gap:20px}form label{color:#512da8;display:block;font-weight:600;margin-bottom:8px}form input,form select,form textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:16px;padding:12px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}form input:focus,form select:focus,form textarea:focus{border-color:#512da8;box-shadow:0 0 0 3px #512da81a;outline:none}form textarea{min-height:120px;resize:vertical}.full-width{grid-column:1/-1}.btn-submit{background:linear-gradient(135deg,#512da8,#d4af37);border:none;border-radius:30px;box-shadow:0 4px 12px #512da84d;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;padding:14px 30px;transition:all .3s ease}.btn-submit:hover{box-shadow:0 6px 20px #512da866;transform:translateY(-3px)}.btn-submit:focus{outline:3px solid #d4af37;outline-offset:2px}.help-text{color:#666;display:block;font-size:.9rem;font-style:italic;margin-top:10px}.faqs{margin:0 auto;max-width:1200px;padding:60px 20px}.faqs h2{color:#d4af37;font-size:2rem;margin-bottom:40px;text-align:center}details{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;cursor:pointer;padding:20px}summary{color:#512da8;cursor:pointer;font-weight:700;list-style:none}summary::-webkit-details-marker{display:none}details p{color:#4a4a4a;line-height:1.6;margin-top:15px}@media (max-width:768px){.contact-details,.programmes-grid{grid-template-columns:1fr}}.faq-page{background:linear-gradient(180deg,#eeeaf6,#fff);min-height:100vh}.faq-hero{background:linear-gradient(135deg,#512da8,#7e57c2);color:#fff;padding:80px 20px;text-align:center}.faq-hero h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.faq-hero p{font-size:1.2rem;opacity:.95}.faq-content{margin:0 auto;max-width:1000px;padding:60px 20px}.faq-category{margin-bottom:50px}.faq-category h2{border-bottom:3px solid #d4af37;color:#512da8;font-size:2rem;margin-bottom:25px;padding-bottom:10px}.faq-list{display:flex;flex-direction:column;gap:15px}.faq-item{background:#fff;box-shadow:0 2px 10px #512da814;cursor:pointer;padding:20px;transition:all .3s ease}.faq-item:hover{box-shadow:0 4px 20px #512da826;transform:translateY(-2px)}.faq-item summary{align-items:center;color:#512da8;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{color:#d4af37;content:"+";font-size:1.5rem;font-weight:700;transition:transform .3s ease}.faq-item[open] summary:after{content:"−";transform:rotate(180deg)}.faq-item p{color:#374151;line-height:1.7;margin-top:15px}.faq-cta{background:linear-gradient(135deg,#512da80d,#d4af370d);margin-top:40px;padding:60px 20px;text-align:center}.faq-cta h2{color:#512da8;font-size:2.5rem;margin-bottom:15px}.faq-cta p{color:#6b7280;font-size:1.2rem;margin-bottom:30px}.btn-contact{background:linear-gradient(135deg,#d4af37,#b8860b);border-radius:30px;box-shadow:0 4px 15px #d4af374d;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:15px 40px;text-decoration:none;transition:all .3s ease}.btn-contact:hover{box-shadow:0 6px 20px #d4af3766;transform:translateY(-2px)}@media (max-width:768px){.faq-hero h1{font-size:2rem}.faq-category h2{font-size:1.5rem}.faq-item summary{font-size:1rem}}.legal-page{background:linear-gradient(180deg,#eeeaf6,#fff);min-height:100vh}.legal-hero{background:linear-gradient(135deg,#512da8,#7e57c2);color:#fff;padding:80px 20px 60px;text-align:center}.legal-hero h1{font-size:3rem;font-weight:700;margin-bottom:.5rem}.legal-hero p{font-size:1rem;opacity:.9}.legal-content{margin:0 auto;max-width:900px;padding:60px 20px}.legal-text{background:#fff;border-radius:20px;box-shadow:0 4px 20px #512da814;padding:60px}.legal-text h2{border-bottom:2px solid #d4af37;color:#512da8;font-size:2rem;margin-bottom:1rem;margin-top:3rem;padding-bottom:.5rem}.legal-text h2:first-of-type{margin-top:0}.legal-text h3{color:#512da8;font-size:1.5rem;margin-bottom:.75rem;margin-top:2rem}.legal-text p{color:#374151;font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}.legal-text ol,.legal-text ul{margin-bottom:1.5rem;margin-left:2rem}.legal-text li{color:#374151;font-size:1.05rem;line-height:1.8;margin-bottom:.75rem}.legal-text a{color:#512da8;font-weight:600;text-decoration:underline}.legal-text a:hover{color:#d4af37}.legal-text strong{color:#512da8;font-weight:700}@media (max-width:768px){.legal-hero h1{font-size:2rem}.legal-text{padding:30px 20px}.legal-text h2{font-size:1.5rem}.legal-text h3{font-size:1.25rem}}.assessment-results-page{background:linear-gradient(135deg,#f5f5f5,#fafafa);min-height:100vh;padding:60px 20px}.results-container{margin:0 auto;max-width:1000px}.results-header{background:linear-gradient(135deg,#ede7f6,#f3e5f5);border:2px solid #d4af37;border-radius:16px;margin-bottom:48px;padding:40px 32px;text-align:center}.results-icon{font-size:64px;margin-bottom:16px}.results-icon.celebration{animation:celebrate 1.5s ease-in-out infinite}.results-title{color:#512da8;font-family:"DM Serif Display",serif;font-size:38px;font-weight:600;line-height:1.2;margin:0 0 16px}.results-subtitle{color:#424242;font-family:Lato,sans-serif;font-size:17px;line-height:1.7;margin:0 auto;max-width:700px}.results-scores{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.score-card{background:#fff;border:2px solid #ede7f6;border-radius:12px;padding:32px;transition:all .3s ease}.score-card:hover{border-color:#d4af37;box-shadow:0 4px 16px #512da81a}.score-card-header{align-items:center;border-bottom:2px solid #ede7f6;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.score-card-header h3{color:#512da8;font-family:Lato,sans-serif;font-size:22px;font-weight:600;margin:0}.score-badge{background:linear-gradient(135deg,#512da8,#7e57c2);border-radius:24px;font-family:Lato,sans-serif;font-size:18px;padding:8px 20px}.score-interpretation{margin-bottom:24px}.score-interpretation p{background:linear-gradient(135deg,#f3e5f5,#fce4ec);border-left:4px solid #d4af37;border-radius:8px;color:#424242;font-family:Lato,sans-serif;font-size:16px;line-height:1.6;margin:0;padding:16px}.subscales{margin-bottom:24px}.subscales h4{color:#512da8;font-family:Lato,sans-serif;font-size:16px;font-weight:600;margin:0 0 16px}.subscale-item{align-items:center;display:flex;gap:16px;margin-bottom:12px}.subscale-label{color:#757575;font-family:Lato,sans-serif;font-size:14px;min-width:180px}.subscale-bar-container{background:#ede7f6;border-radius:12px;flex:1 1;height:24px;overflow:hidden;position:relative}.subscale-bar-fill{background:linear-gradient(90deg,#512da8,#7e57c2);border-radius:12px;height:100%;transition:width .5s ease}.subscale-value{color:#512da8;font-family:Lato,sans-serif;font-size:14px;font-weight:700;min-width:48px;text-align:right}.growth-section{border-top:2px solid #ede7f6;padding-top:24px}.growth-section h4{color:#512da8;font-family:Lato,sans-serif;font-size:16px;font-weight:600;margin:0 0 16px}.growth-comparison{align-items:center;background:linear-gradient(135deg,#fff9e6,#fff3cd);border:2px solid #d4af37;border-radius:12px;display:flex;gap:20px;padding:20px}.growth-metric{align-items:center;display:flex;flex:1 1;flex-direction:column}.growth-label{color:#757575;font-family:Lato,sans-serif;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.growth-value{border-radius:8px;font-family:Lato,sans-serif;font-size:32px;font-weight:700;padding:8px 16px}.growth-value.pre{background:#ede7f6;color:#7e57c2}.growth-value.post{background:#fff9e6;color:#d4af37}.growth-arrow{color:#d4af37;font-size:32px}.growth-change{flex:1 1;text-align:center}.growth-percentage{border-radius:8px;display:inline-block;font-family:Lato,sans-serif;font-size:24px;font-weight:700;padding:12px 20px}.growth-percentage.positive{background:#e8f5e9;color:#2e7d32}.growth-percentage.negative{background:#ffebee;color:#c62828}.ubuntu-reflection{background:#fff;border:2px solid #ede7f6;border-radius:12px;margin-bottom:40px;padding:32px}.ubuntu-reflection h3{color:#512da8;font-family:Lato,sans-serif;font-size:20px;font-weight:600;margin:0 0 16px}.ubuntu-reflection p{color:#424242;font-family:Lato,sans-serif;font-size:16px;line-height:1.7;margin:0}.ubuntu-reflection em{color:#512da8;font-style:italic;font-weight:600}.results-actions{text-align:center}.continue-btn{background:linear-gradient(135deg,#512da8,#7e57c2);border:none;border-radius:8px;box-shadow:0 4px 12px #512da84d;color:#fff;cursor:pointer;font-family:Lato,sans-serif;font-size:18px;font-weight:600;padding:16px 48px;transition:all .3s ease}.continue-btn:hover{box-shadow:0 6px 16px #512da866;transform:translateY(-2px)}.continue-btn:active{transform:translateY(0)}.results-error,.results-loading{padding:80px 20px;text-align:center}.results-error p,.results-loading p{color:#757575;font-family:Lato,sans-serif;font-size:18px;margin:0 0 24px}.results-error h2{color:#c62828;font-size:28px;margin:0 0 16px}.results-error button,.results-error h2{font-family:Lato,sans-serif;font-weight:600}.results-error button{background:#512da8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 32px;transition:background .3s ease}.results-error button:hover{background:#7e57c2}@media (max-width:768px){.assessment-results-page{padding:40px 16px}.results-header{padding:32px 24px}.results-icon{font-size:48px}.results-title{font-size:28px}.results-subtitle{font-size:15px}.score-card{padding:24px}.score-card-header{align-items:flex-start;flex-direction:column;gap:12px}.score-card-header h3{font-size:18px}.score-badge{font-size:16px;padding:6px 16px}.subscale-item{align-items:flex-start;flex-direction:column;gap:8px}.subscale-label{min-width:100%}.subscale-bar-container{width:100%}.growth-comparison{flex-direction:column;gap:16px}.growth-arrow{transform:rotate(90deg)}.growth-value{font-size:24px}.growth-percentage{font-size:18px}.ubuntu-reflection{padding:24px}.continue-btn{font-size:16px;padding:16px 24px;width:100%}}@media (prefers-reduced-motion:reduce){.continue-btn,.loading-spinner,.results-icon.celebration,.subscale-bar-fill{animation:none;transition:none}}@media (prefers-contrast:high){.score-card{border-color:#000}.continue-btn{border:2px solid #000}.subscale-bar-fill{background:#000}}.radar-chart-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.radar-chart-title{color:#512da8;font-family:"DM Serif Display",serif;font-size:1.5rem;margin:0 0 1rem;text-align:center}.radar-chart-note{color:#666;font-size:.9rem;font-style:italic;margin-top:1rem;text-align:center}.radar-tooltip{background:#fff;border:2px solid #512da8;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:1rem}.radar-tooltip .tooltip-label{color:#1a1a1a;font-size:1rem;font-weight:700;margin:0 0 .5rem;text-align:center}.radar-tooltip .tooltip-value{font-size:.95rem;margin:.25rem 0}.radar-tooltip .tooltip-value.pre{color:#7e57c2}.radar-tooltip .tooltip-value.post{color:#d4af37}.radar-tooltip .tooltip-growth{border-top:1px solid #e0e0e0;color:#2e7d32;font-size:.95rem;font-weight:700;margin:.5rem 0 0;padding-top:.5rem}@media (max-width:768px){.radar-chart-container{padding:1rem}.radar-chart-title{font-size:1.2rem}.radar-tooltip{font-size:.85rem;padding:.75rem}}.radar-chart-container{animation:fadeInUp .5s ease-out}.recharts-surface{outline:none}.recharts-legend-item{cursor:default}@media (prefers-contrast:high){.radar-chart-container{border:2px solid #000}.radar-tooltip{border-width:3px}}.growth-dashboard-page{animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#f5f5f5,#fafafa);min-height:100vh;padding:60px 20px}.growth-container{margin:0 auto;max-width:1200px}.growth-header{animation:slideDown .5s ease-out;background:linear-gradient(135deg,#ede7f6,#f3e5f5);border:2px solid #d4af37;border-radius:16px;margin-bottom:48px;padding:40px 32px;text-align:center}.growth-icon{font-size:64px;margin-bottom:16px}.growth-title{color:#512da8;font-family:"DM Serif Display",serif;font-size:38px;font-weight:600;line-height:1.2;margin:0 0 16px}.growth-subtitle{color:#424242;font-family:Lato,sans-serif;font-size:17px;line-height:1.7;margin:0 auto 24px;max-width:800px}.growth-header-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.back-btn,.export-pdf-btn{border:none;border-radius:8px;cursor:pointer;font-family:Lato,sans-serif;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.export-pdf-btn{background:linear-gradient(135deg,#d4af37,#f4d03f);box-shadow:0 4px 12px #d4af374d;color:#512da8}.export-pdf-btn:hover{box-shadow:0 6px 16px #d4af3766;transform:translateY(-2px)}.back-btn{background:#fff;border:2px solid #512da8;color:#512da8}.back-btn:hover{background:#f5f5f5}.growth-summary{margin-bottom:48px}.growth-summary h2{color:#512da8;font-family:Lato,sans-serif;font-size:28px;font-weight:600;margin:0 0 24px;text-align:center}.summary-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.summary-card{animation:fadeInUp .6s ease-out;animation-fill-mode:backwards;background:#fff;border:2px solid #ede7f6;border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.summary-card:first-child{animation-delay:.1s}.summary-card:nth-child(2){animation-delay:.2s}.summary-card:nth-child(3){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.summary-card:hover{border-color:#d4af37;box-shadow:0 8px 24px #512da826;transform:translateY(-4px)}.summary-card h3{color:#512da8;font-family:Lato,sans-serif;font-size:18px;font-weight:600;margin:0 0 20px}.summary-scores{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:16px}.summary-score{display:flex;flex-direction:column;gap:8px}.score-label{color:#757575;font-size:12px}.score-label,.score-value{font-family:Lato,sans-serif}.score-value{animation:countUp 1s ease-out;border-radius:8px;font-size:32px;font-weight:700;padding:8px 16px}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.summary-score.pre .score-value{background:#ede7f6;color:#7e57c2}.summary-score.post .score-value{background:#fff9e6;color:#d4af37}.summary-arrow{color:#d4af37;font-size:24px}.summary-growth{border-radius:8px;display:inline-block;font-family:Lato,sans-serif;font-size:20px;font-weight:700;padding:12px 20px}.summary-growth.positive{background:#e8f5e9;color:#2e7d32}.summary-growth.negative{background:#ffebee;color:#c62828}.growth-charts h2{margin:0 0 16px}.charts-intro{color:#666;font-family:Lato,sans-serif;font-size:16px;line-height:1.6;margin:0 auto 32px;max-width:700px;text-align:center}.chart-section{animation:fadeInUp .7s ease-out;margin-bottom:40px}.chart-section h3{text-align:center}.growth-charts{margin-bottom:48px}.growth-charts h2{color:#512da8;font-family:Lato,sans-serif;font-size:28px;font-weight:600;margin:0 0 32px;text-align:center}.chart-section{background:#fff;border:2px solid #ede7f6;border-radius:12px;margin-bottom:24px;padding:32px}.chart-section h3{border-bottom:2px solid #ede7f6;color:#512da8;font-family:Lato,sans-serif;font-size:22px;font-weight:600;margin:0 0 24px;padding-bottom:16px}.subscale-comparison{display:flex;flex-direction:column;gap:24px}.subscale-row{align-items:center;display:flex;gap:16px}.subscale-name{color:#512da8;font-family:Lato,sans-serif;font-size:14px;font-weight:600;min-width:200px}.subscale-bars{display:flex;flex:1 1;flex-direction:column;gap:8px}.bar-container{align-items:center;display:flex;gap:12px}.bar-label{color:#757575;font-family:Lato,sans-serif;font-size:12px;font-weight:600;min-width:40px}.bar-track{background:#ede7f6;border-radius:12px;flex:1 1;height:24px;overflow:hidden;position:relative}.bar-fill{border-radius:12px;height:100%;transition:width .5s ease}.bar-fill.pre{background:linear-gradient(90deg,#7e57c2,#9575cd)}.bar-fill.post{background:linear-gradient(90deg,#d4af37,#f4d03f)}.bar-value{color:#512da8;min-width:48px;text-align:right}.bar-value,.growth-indicator{font-family:Lato,sans-serif;font-size:14px;font-weight:700}.growth-indicator{border-radius:6px;min-width:80px;padding:4px 12px;text-align:center}.growth-indicator.positive{background:#e8f5e9;color:#2e7d32}.growth-indicator.negative{background:#ffebee;color:#c62828}.no-subscales{background:linear-gradient(135deg,#f3e5f5,#fce4ec);border-radius:12px;padding:24px;text-align:center}.no-subscales p{color:#757575;font-family:Lato,sans-serif;font-size:15px;margin:0 0 20px}.overall-comparison{gap:16px}.overall-bar,.overall-comparison{display:flex;flex-direction:column}.overall-bar{gap:8px}.overall-bar span{color:#512da8;font-family:Lato,sans-serif;font-size:16px;font-weight:600}.overall-bar .bar-track{height:32px}.overall-bar.pre .bar-fill{background:linear-gradient(90deg,#7e57c2,#9575cd)}.overall-bar.post .bar-fill{background:linear-gradient(90deg,#d4af37,#f4d03f)}.growth-ubuntu-reflection{background:#fff;border:2px solid #ede7f6;border-radius:12px;margin-bottom:40px;padding:32px}.growth-ubuntu-reflection h2{color:#512da8;font-family:Lato,sans-serif;font-size:24px;font-weight:600;margin:0 0 20px}.growth-ubuntu-reflection p{color:#424242;font-family:Lato,sans-serif;font-size:16px;line-height:1.7;margin:0 0 16px}.growth-ubuntu-reflection p:last-child{margin-bottom:0}.growth-ubuntu-reflection strong{color:#512da8;font-weight:700}.growth-ubuntu-reflection em{color:#512da8;font-style:italic;font-weight:600}.growth-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.primary-btn,.secondary-btn{border:none;border-radius:8px;cursor:pointer;font-family:Lato,sans-serif;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease}.primary-btn{background:linear-gradient(135deg,#512da8,#7e57c2);box-shadow:0 4px 12px #512da84d;color:#fff}.primary-btn:hover{box-shadow:0 6px 16px #512da866;transform:translateY(-2px)}.secondary-btn{background:#fff;border:2px solid #512da8;color:#512da8}.secondary-btn:hover{background:#f5f5f5}.growth-empty,.growth-error,.growth-loading{padding:80px 20px;text-align:center}.growth-empty p,.growth-error p,.growth-loading p{color:#757575;font-family:Lato,sans-serif;font-size:18px;margin:0 0 24px}.growth-empty h2,.growth-error h2{color:#512da8;font-family:Lato,sans-serif;font-size:28px;font-weight:600;margin:0 0 16px}.growth-empty button,.growth-error button{background:#512da8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Lato,sans-serif;font-size:16px;font-weight:600;padding:12px 32px;transition:background .3s ease}.growth-empty button:hover,.growth-error button:hover{background:#7e57c2}@media (max-width:768px){.growth-dashboard-page{padding:40px 16px}.growth-header{padding:32px 24px}.growth-icon{font-size:48px}.growth-title{font-size:28px}.growth-subtitle{font-size:15px}.growth-header-actions{flex-direction:column}.back-btn,.export-pdf-btn{width:100%}.summary-cards{grid-template-columns:1fr}.chart-section{padding:24px 20px}.subscale-row{align-items:flex-start;flex-direction:column}.subscale-name{min-width:100%}.bar-container{width:100%}.growth-ubuntu-reflection{padding:24px}.growth-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}}@media (prefers-reduced-motion:reduce){.bar-fill,.loading-spinner,.primary-btn,.secondary-btn{animation:none;transition:none}}@media (prefers-contrast:high){.chart-section,.growth-ubuntu-reflection,.summary-card{border-color:#000}.primary-btn{border:2px solid #000}.bar-fill{background:#000}}.equity-dashboard{background:linear-gradient(135deg,#ede7f6,#f3e5f5);display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1400px;min-height:100vh;padding:3rem 2rem;width:100%}.dashboard-header{background:#fff9;border:2px solid #d4af37;border-radius:20px;box-shadow:0 8px 24px #512da826;margin-bottom:2rem;padding:2.5rem;text-align:center}.dashboard-header h1{color:#512da8;font-family:"DM Serif Display",serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem}.dashboard-subtitle{color:#512da8;font-size:1.25rem;font-weight:500;opacity:.85;text-transform:capitalize}.dashboard-filters{backdrop-filter:var(--blur-medium);-webkit-backdrop-filter:var(--blur-medium);background:var(--glass-bg-light);border:var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass-soft);display:flex;flex-wrap:wrap;gap:var(--space-6);padding:var(--space-6)}.dashboard-filters label{color:#ffffffe6;display:flex;flex-direction:column;font-size:var(--text-sm);gap:var(--space-2)}.dashboard-filters label,.dashboard-filters select{font-family:var(--font-body);font-weight:var(--font-medium)}.dashboard-filters select{backdrop-filter:var(--blur-soft);-webkit-backdrop-filter:var(--blur-soft);background:var(--glass-bg-medium);border:var(--glass-border);border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--text-base);min-width:200px;padding:var(--space-3) var(--space-5);transition:var(--transition-elegant)}.dashboard-filters select:hover{background:var(--glass-bg-strong);border-color:#d4af3766;box-shadow:var(--shadow-glass-soft)}.dashboard-filters select:focus-visible{outline:2px solid var(--ubuntu-gold);outline-offset:2px}.equity-alerts-section{backdrop-filter:var(--blur-medium);-webkit-backdrop-filter:var(--blur-medium);background:var(--glass-bg-light);border:var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass-medium);padding:var(--space-8)}.equity-alerts-section h2{color:var(--ubuntu-gold);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-6)}.alerts-container{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.alert-card{backdrop-filter:var(--blur-medium);-webkit-backdrop-filter:var(--blur-medium);background:var(--glass-bg-medium);border:var(--glass-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass-soft);display:flex;gap:var(--space-4);padding:var(--space-6);transition:var(--transition-elegant)}.alert-card:hover{background:var(--glass-bg-strong);box-shadow:var(--shadow-glass-medium);transform:translateY(-2px)}.alert-card.severity-high{background:#c6282826;border-left:4px solid #c62828}.alert-card.severity-medium{background:#f57c0026;border-left:4px solid #f57c00}.alert-icon{font-size:32px;line-height:1}.alert-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2)}.alert-content h3{color:#fff;font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.alert-content p{color:#fffc;font-size:var(--text-sm);line-height:1.6;margin:0}.btn-investigate{align-self:flex-start;background:var(--gradient-glass-gold);border:var(--glass-border-gold);border-radius:var(--radius-base);color:var(--ubuntu-gold);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-top:var(--space-2);padding:var(--space-2) var(--space-4);transition:var(--transition-elegant)}.btn-investigate:hover{background:linear-gradient(135deg,#d4af374d,#d4af371a);box-shadow:var(--shadow-gold-glow);transform:translateY(-2px)}.dashboard-section{backdrop-filter:var(--blur-medium);-webkit-backdrop-filter:var(--blur-medium);background:var(--glass-bg-light);border:var(--glass-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass-medium);padding:var(--space-8);transition:var(--transition-elegant)}.dashboard-section:hover{box-shadow:var(--shadow-glass-strong)}.dashboard-section h2{color:var(--ubuntu-gold);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-6)}.chart-legend{background:var(--glass-bg-medium);border-radius:var(--radius-base);color:#fffc;font-size:var(--text-sm);margin-top:var(--space-4);padding:var(--space-4)}.chart-legend strong{color:var(--ubuntu-gold);font-weight:var(--font-semibold)}.accessibility-table{border-collapse:initial;border-spacing:0;margin-top:var(--space-4);width:100%}.accessibility-table thead{background:var(--glass-bg-medium)}.accessibility-table th{border-bottom:2px solid #d4af374d;color:var(--ubuntu-gold);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);padding:var(--space-4) var(--space-5);text-align:left}.accessibility-table th:first-child{border-top-left-radius:var(--radius-lg)}.accessibility-table th:last-child{border-top-right-radius:var(--radius-lg)}.accessibility-table tbody tr{background:var(--glass-bg-light);transition:var(--transition-normal)}.accessibility-table tbody tr:hover{background:var(--glass-bg-medium)}.accessibility-table td{border-bottom:1px solid #ffffff1a;color:#ffffffe6;font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-4) var(--space-5)}.accessibility-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-lg)}.accessibility-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-lg)}.section-description{color:#ffffffb3;font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-6)}.accessibility-heatmap{border-radius:var(--radius-lg);margin-bottom:var(--space-6);overflow:hidden}.no-data-message{border-radius:var(--radius-lg);color:#fff9;padding:var(--space-8);text-align:center}.heatmap-legend,.no-data-message{background:var(--glass-bg-medium)}.heatmap-legend{align-items:center;border-radius:var(--radius-base);display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-6);padding:var(--space-4)}.legend-label{color:#fffc;font-size:var(--text-sm);font-weight:var(--font-medium)}.legend-gradient{background:linear-gradient(90deg,#ede7f6 0,#b39ddb 25%,#7e57c2 50%,#512da8 75%,#d4af37);border:1px solid #fff3;border-radius:6px;height:12px;width:200px}.usage-bar-container{align-items:center;display:flex;gap:var(--space-3)}.usage-bar{border-radius:10px;height:20px;min-width:10px;transition:width .3s ease}.usage-bar-container span{font-weight:var(--font-semibold);min-width:50px}.insight-cell{font-size:var(--text-sm);max-width:250px}.dashboard-section.recommendations{background:var(--gradient-glass-gold);border:var(--glass-border-gold);box-shadow:var(--shadow-gold-glow)}.recommendations-list{display:flex;flex-direction:column;gap:var(--space-4);list-style:none;margin:0;padding:0}.recommendations-list li{background:var(--glass-bg-medium);border-left:4px solid var(--ubuntu-gold);border-radius:var(--radius-lg);color:#ffffffe6;font-size:var(--text-base);line-height:1.7;padding:var(--space-5);transition:var(--transition-normal)}.recommendations-list li:hover{background:var(--glass-bg-strong);transform:translateX(4px)}.recommendations-list li strong{color:var(--ubuntu-gold);font-weight:var(--font-semibold)}.dashboard-footer{backdrop-filter:var(--blur-medium);-webkit-backdrop-filter:var(--blur-medium);background:var(--glass-bg-light);border:var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass-soft);padding:var(--space-8);text-align:center}.dashboard-footer p{color:#fffc;font-family:var(--font-accent);font-size:var(--text-base);line-height:1.8;margin-bottom:var(--space-2)}.dashboard-footer p:first-child{color:var(--ubuntu-gold);font-style:italic;font-weight:var(--font-semibold)}.equity-dashboard.error,.equity-dashboard.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:var(--space-12);text-align:center}.loading-spinner{animation:pulse 2s infinite;font-size:64px}.error-container{backdrop-filter:var(--blur-strong);-webkit-backdrop-filter:var(--blur-strong);background:var(--glass-bg-strong);border:var(--glass-border-strong);border-radius:var(--radius-2xl);box-shadow:var(--shadow-glass-strong);max-width:600px;padding:var(--space-12)}.error-container h2{color:#f57c00;font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}.error-container p{color:#fffc;font-size:var(--text-lg);line-height:1.7}@media (max-width:1024px){.equity-dashboard{padding:var(--space-8) var(--space-6)}.alerts-container{grid-template-columns:1fr}}@media (max-width:768px){.equity-dashboard{gap:var(--space-6);padding:var(--space-6) var(--space-4)}.dashboard-header{padding:var(--space-6)}.dashboard-header h1{font-size:var(--text-4xl)}.dashboard-subtitle{font-size:var(--text-base)}.dashboard-filters{flex-direction:column}.dashboard-filters select{min-width:100%}.dashboard-section{padding:var(--space-6)}.dashboard-section h2{font-size:var(--text-2xl)}.dashboard-section:has(.accessibility-table){overflow-x:auto}.accessibility-table{min-width:500px}.recommendations-list li{font-size:var(--text-sm);padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.alert-card,.btn-investigate,.dashboard-section,.loading-spinner,.recommendations-list li{animation:none!important;transition:none!important}}.btn-investigate:focus-visible,.dashboard-filters select:focus-visible{outline:2px solid var(--ubuntu-gold);outline-offset:3px}@media (prefers-contrast:high){.equity-dashboard{background:#000}.dashboard-header h1,.dashboard-section h2,.equity-alerts-section h2{color:gold}.alert-card.severity-high{border-left-color:red}}@media print{.equity-dashboard{background:#fff;color:#000}.btn-investigate,.dashboard-filters{display:none}.dashboard-section{border:1px solid #ccc;box-shadow:none;page-break-inside:avoid}}.equity-dashboard-page{background:linear-gradient(135deg,#f5f5f5,#fafafa);min-height:100vh;padding:60px 20px}.equity-container{margin:0 auto;max-width:1200px}.equity-header{margin-bottom:32px;text-align:center}.equity-icon{font-size:56px;margin-bottom:12px}.equity-title{color:#512da8;font-family:"DM Serif Display",serif;font-size:36px;font-weight:600;margin:0 0 12px}.equity-subtitle{color:#424242;font-family:Lato,sans-serif;font-size:16px;line-height:1.7;margin:0 auto;max-width:800px}.equity-filter-section{align-items:center;display:flex;gap:12px;justify-content:center;margin:24px 0 32px}.filter-label{font-weight:600}.demographic-filter,.filter-label{color:#512da8;font-family:Lato,sans-serif;font-size:14px}.demographic-filter{background:#fff;border:2px solid #ede7f6;border-radius:8px;padding:10px 14px}.equity-empty,.equity-error{background:#fff;border:2px solid #ede7f6;border-radius:12px;padding:48px 20px;text-align:center}.equity-empty h3,.equity-error h2{color:#512da8;font-family:Lato,sans-serif;font-size:24px;font-weight:600;margin:0 0 12px}.equity-note{color:#757575;font-family:Lato,sans-serif;font-size:14px}.equity-gaps-section h2,.equity-outcomes-section h2,.equity-scores-section h2{color:#512da8;font-family:Lato,sans-serif;font-size:24px;font-weight:600;margin:0 0 16px}.scores-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.group-card{background:#fff;border:2px solid #ede7f6;border-radius:12px;padding:16px}.group-name{color:#512da8;font-family:Lato,sans-serif;font-size:16px;font-weight:700;margin:0 0 10px}.instrument-stats{background:#fafafa;border:1px solid #f0eafb;border-radius:8px;margin-bottom:10px;padding:10px 12px}.instrument-name{color:#7e57c2;font-size:14px;font-weight:600;margin-bottom:8px}.instrument-name,.stat-row{font-family:Lato,sans-serif}.stat-row{color:#424242;display:flex;font-size:13px;justify-content:space-between}.stat-label{color:#757575}.score-bar{background:#ede7f6;border-radius:4px;height:8px;margin-top:8px}.score-bar-fill{background:linear-gradient(90deg,#512da8,#d4af37);border-radius:4px;height:100%}.section-description{color:#757575;font-family:Lato,sans-serif;font-size:14px;margin:0 0 12px}.gaps-table{background:#fff;border:2px solid #ede7f6;border-radius:12px;overflow:hidden}.gap-row,.gaps-header{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:2fr 2fr 3fr 1fr 1fr;padding:12px 16px}.gaps-header{background:#f9f5ff;border-bottom:2px solid #ede7f6;color:#512da8;font-size:13px;font-weight:700}.gap-row,.gaps-header{font-family:Lato,sans-serif}.gap-row{color:#424242;font-size:14px}.gap-row:nth-child(2n){background:#fcfcfc}.gap-row.significant{border-left:4px solid #f44336}.gap-instrument{color:#7e57c2}.gap-value{font-weight:700}.gap-percentage.high{color:#c62828;font-weight:700}.outcomes-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.outcome-card{background:#fff;border:2px solid #ede7f6;border-radius:12px;padding:16px}.outcome-instrument{background:#fafafa;border:1px solid #f0eafb;border-radius:8px;margin-bottom:10px;padding:10px 12px}.outcome-comparison{align-items:center;display:flex;gap:8px}.outcome-score{align-items:center;display:flex;flex-direction:column}.outcome-label{color:#757575;font-family:Lato,sans-serif;font-size:12px}.outcome-value{color:#512da8;font-family:Lato,sans-serif;font-size:18px;font-weight:700}.outcome-arrow{color:#d4af37;font-size:18px}.outcome-growth{border-radius:6px;display:inline-block;font-family:Lato,sans-serif;font-size:14px;font-weight:700;margin-top:8px;padding:6px 10px}.outcome-growth.positive{background:#e8f5e9;color:#2e7d32}.outcome-growth.negative{background:#ffebee;color:#c62828}.outcome-sample{color:#757575;font-family:Lato,sans-serif;font-size:12px}.equity-ubuntu-reflection{background:#fff;border:2px solid #ede7f6;border-radius:12px;padding:24px}.equity-ubuntu-reflection h2{color:#512da8;font-family:Lato,sans-serif;font-size:20px;font-weight:600}.equity-ubuntu-reflection p{color:#424242;font-family:Lato,sans-serif;font-size:15px;line-height:1.7}.equity-loading{padding:80px 20px;text-align:center}.loading-spinner{border:6px solid #512da833;height:64px;margin:0 auto 24px;width:64px}@media (max-width:768px){.equity-dashboard-page{padding:40px 16px}.gap-row,.gaps-header{gap:8px;grid-template-columns:1fr 1fr 1.5fr .7fr .7fr}}.living-room-page{background:linear-gradient(135deg,#fff8f0,#ffe8d6);min-height:100vh}.living-room-hero{background:linear-gradient(135deg,#d97706,#c2410c);color:#fff;overflow:hidden;padding:5rem 2rem 4rem;position:relative;text-align:center}.living-room-hero:before{animation:warmGlow 15s ease-in-out infinite;background:radial-gradient(circle,#fbbf2433 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes warmGlow{0%,to{opacity:.5}50%{opacity:.8}}.hero-content{margin:0 auto;max-width:900px;position:relative;z-index:1}.hero-title{color:#fffbeb;font-size:3.5rem;font-weight:800;margin-bottom:1rem;text-shadow:2px 2px 8px #0000004d}.hero-subtitle{color:#fef3c7;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.hero-description{color:#fde68a;font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:700px}.why-participate{background:#fffbeb;padding:4rem 2rem}.why-participate h2{color:#78350f;font-size:2.5rem;margin-bottom:3rem;text-align:center}.reasons-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.reason-card{background:linear-gradient(135deg,#fef3c7,#fff);border:1px solid #d977061a;border-radius:16px;box-shadow:0 4px 12px #d9770626;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.reason-card:hover{border-color:#d977064d;box-shadow:0 8px 24px #d9770640;transform:translateY(-5px)}.reason-icon{filter:drop-shadow(0 2px 4px rgba(217,119,6,.2));font-size:3rem;margin-bottom:1rem}.reason-card h3{color:#d97706;font-size:1.4rem;margin-bottom:1rem}.reason-card p{color:#78350f;font-size:1rem;line-height:1.6}.registration-section{background:#fff8f0;padding:4rem 2rem}.registration-section h2{color:#78350f;font-size:2.5rem;margin-bottom:1rem;text-align:center}.form-intro{color:#92400e;font-size:1.1rem;margin:0 auto 3rem;max-width:700px;text-align:center}.living-room-form{background:#fff;border:1px solid #d977061a;border-radius:16px;box-shadow:0 8px 32px #d9770626;margin:0 auto;max-width:900px;padding:3rem}.form-section{border-bottom:2px solid #fef3c7;margin-bottom:3rem;padding-bottom:2rem}.form-section:last-child{border-bottom:none}.form-section h3{color:#d97706;font-size:1.6rem;margin-bottom:1.5rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#78350f;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#fffbeb;border:2px solid #fde68a;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#d97706;box-shadow:0 0 0 3px #d9770626;outline:none}.helper-text{color:#718096;font-size:.9rem;margin-bottom:1rem}.interests-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.interest-card{align-items:start;background:#fffbeb;border:2px solid #fde68a;border-radius:12px;cursor:pointer;display:flex;padding:1rem;transition:all .3s ease}.interest-card:hover{background:#fef3c7;border-color:#d97706;transform:translateY(-2px)}.interest-card.selected{background:linear-gradient(135deg,#fef3c7,#fffbeb);border-color:#d97706;box-shadow:0 4px 16px #d9770640}.interest-checkbox{align-items:center;border:2px solid #fde68a;border-radius:6px;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:1rem;transition:all .3s ease;width:24px}.interest-card.selected .interest-checkbox{background:#d97706;border-color:#d97706;color:#fff;font-weight:700}.interest-content h4{color:#78350f;font-size:1.1rem;margin-bottom:.3rem}.interest-content p{color:#92400e;font-size:.9rem;line-height:1.5}.ubuntu-section{background:linear-gradient(135deg,#fef3c7,#fffbeb);border:2px solid #f59e0b!important;border-radius:12px;padding:2rem!important}.ubuntu-section h3{color:#c2410c}.consent-section{background:#fff8f0;border-radius:12px;padding:2rem!important}.consent-checkboxes{display:flex;flex-direction:column;gap:1rem}.consent-label{align-items:start;border-radius:8px;cursor:pointer;display:flex;padding:1rem;transition:background .3s ease}.consent-label:hover{background:#fff}.consent-label input[type=checkbox]{accent-color:#d97706;cursor:pointer;flex-shrink:0;height:20px;margin-right:1rem;margin-top:.2rem;width:20px}.consent-label span{color:#78350f;font-size:1rem;line-height:1.6}.form-actions{margin-top:2rem;text-align:center}.submit-btn{background:linear-gradient(135deg,#d97706,#c2410c);border:none;border-radius:50px;box-shadow:0 4px 20px #d9770666;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:1rem 3rem;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#dc2626);box-shadow:0 6px 28px #d9770699;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.success-container{margin:0 auto;max-width:800px;padding:4rem 2rem;text-align:center}.success-message{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:3rem}.success-message h2{color:#48bb78;font-size:2rem;margin-bottom:1.5rem}.success-message p{color:#4a5568;font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.next-steps{background:#f7fafc;border-radius:8px;margin:2rem 0;padding:2rem;text-align:left}.next-steps h3{color:#2d3748;font-size:1.4rem;margin-bottom:1rem}.next-steps ul{list-style:none;padding:0}.next-steps li{color:#4a5568;font-size:1rem;padding:.5rem 0}.home-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.home-btn:hover{background:#5a67d8;transform:translateY(-2px)}.faq-section{background:#fff;padding:4rem 2rem}.faq-section h2{color:#2d3748;font-size:2.5rem;margin-bottom:3rem;text-align:center}.faq-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.faq-item{background:#f7fafc;border-left:4px solid #667eea;border-radius:12px;padding:2rem}.faq-item h3{color:#2d3748;font-size:1.2rem;margin-bottom:1rem}.faq-item p{color:#4a5568;font-size:1rem;line-height:1.6}.contact-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;text-align:center}.contact-section h2{font-size:2rem;margin-bottom:1rem}.contact-section p{font-size:1.2rem;margin:.5rem 0}.contact-section a{color:gold;font-weight:600;text-decoration:underline}.contact-section a:hover{color:#ffed4e}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.living-room-form{padding:2rem 1.5rem}.faq-grid,.form-row,.interests-grid,.reasons-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.home-btn,.interest-card,.reason-card,.submit-btn{transition:none}}@media print{.contact-section,.living-room-hero,.submit-btn{background:#fff!important;color:#000!important}}.media-placeholder{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;box-shadow:0 4px 12px #0000004d;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.media-placeholder:hover{box-shadow:0 8px 24px #ffd70033;transform:translateY(-2px)}.image-placeholder{align-items:center;background:linear-gradient(135deg,#0f0f23,#1a1a2e);border:2px dashed #ffd7004d;display:flex;justify-content:center}.media-image{height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease;width:100%}.media-image.loaded{opacity:1}.loading-shimmer{align-items:center;animation:shimmer 2s infinite;background:linear-gradient(90deg,#ffd7001a,#ffd7004d 50%,#ffd7001a);background-size:200% 100%;color:gold;display:flex;inset:0;justify-content:center}.loading-shimmer,.media-caption{font-size:14px;position:absolute}.media-caption{background:linear-gradient(0deg,#000000e6,#0000);bottom:0;color:#fff;left:0;padding:12px;right:0;text-align:center}.placeholder-empty{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px;padding:40px 20px;transition:all .3s ease}.placeholder-empty:hover{background:linear-gradient(135deg,#16213e,#1a1a2e);border-color:gold}.placeholder-icon{color:#ffd70099;transition:all .3s ease}.placeholder-empty:hover .placeholder-icon{color:gold;transform:scale(1.1)}.placeholder-label{color:#ffffffb3;font-size:16px;margin:0;text-align:center}.upload-hint{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:8px;color:#ffd700e6;font-size:12px;gap:8px;padding:8px 16px}.upload-hint,.upload-options{align-items:center;display:flex}.upload-options{flex-direction:column;gap:16px;max-width:400px;width:100%}.divider{color:#ffffff80;font-size:12px;letter-spacing:1px;position:relative;text-align:center;text-transform:uppercase;width:100%}.divider:after,.divider:before{background:#ffd7004d;content:"";height:1px;position:absolute;top:50%;width:40%}.divider:before{left:0}.divider:after{right:0}.ai-generate-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.ai-generate-btn:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.ai-generate-btn:active{transform:translateY(0)}.ai-icon{font-size:20px}.video-placeholder{background:#000}.video-container{height:100%;position:relative;width:100%}.media-video{height:100%;object-fit:cover;width:100%}.video-overlay-btn{align-items:center;background:#ffd700e6;border:none;border-radius:50%;color:#0f0f23;cursor:pointer;display:flex;height:80px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:80px}.video-container:hover .video-overlay-btn{opacity:1}.video-overlay-btn:hover{background:gold;transform:translate(-50%,-50%) scale(1.1)}.video-empty{min-height:400px}.audio-placeholder{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:0}.audio-player{padding:24px}.audio-header{align-items:center;border-bottom:1px solid #ffd70033;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.audio-icon{color:gold}.audio-title{color:#fff;flex:1 1;font-size:18px;font-weight:600}.audio-controls{flex-wrap:wrap;gap:16px}.audio-btn,.audio-controls{align-items:center;display:flex}.audio-btn{background:none;border:none;border-radius:8px;color:gold;cursor:pointer;justify-content:center;padding:8px;transition:all .2s ease}.audio-btn:hover{background:#ffd7001a;transform:scale(1.05)}.audio-btn:active{transform:scale(.95)}.play-btn{background:linear-gradient(135deg,gold,orange);border-radius:50%;color:#0f0f23;height:56px;width:56px}.play-btn:hover{background:linear-gradient(135deg,orange,gold)}.audio-timeline{align-items:center;display:flex;flex:1 1;gap:12px;min-width:200px}.time-current,.time-total{font-feature-settings:"tnum";color:#ffffffb3;font-size:12px;font-variant-numeric:tabular-nums;min-width:40px}.timeline-slider{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:gold;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:16px}.timeline-slider::-webkit-slider-thumb:hover{box-shadow:0 0 12px #ffd70099;transform:scale(1.2)}.timeline-slider::-moz-range-thumb{background:gold;border:none;border-radius:50%;cursor:pointer;height:16px;-moz-transition:all .2s ease;transition:all .2s ease;width:16px}.timeline-slider::-moz-range-thumb:hover{box-shadow:0 0 12px #ffd70099;transform:scale(1.2)}.speed-btn{font-size:14px;font-weight:600;min-width:48px}.volume-control{align-items:center;display:flex;gap:8px}.volume-slider{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;cursor:pointer;height:4px;outline:none;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:gold;border-radius:50%;cursor:pointer;height:12px;width:12px}.volume-slider::-moz-range-thumb{background:gold;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.audio-transcript{background:#ffd7000d;border:1px solid #ffd70033;border-radius:8px;margin-top:20px;padding:16px}.audio-transcript summary{color:gold;cursor:pointer;font-weight:600;transition:color .2s ease;-webkit-user-select:none;user-select:none}.audio-transcript summary:hover{color:orange}.transcript-content{color:#fffc;font-size:14px;line-height:1.6;margin-top:12px}.audio-empty{min-height:250px}.media-gallery{grid-gap:16px;display:grid;gap:16px;margin:24px 0}.lightbox{align-items:center;animation:fadeIn .3s ease;background:#000000f2;display:flex;inset:0;justify-content:center;padding:40px;position:fixed;z-index:9999}.lightbox-content{animation:zoomIn .3s ease;max-height:90vh;max-width:90vw;position:relative}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.lightbox-content img{border-radius:12px;box-shadow:0 8px 32px #ffd7004d;max-height:80vh;max-width:100%}.lightbox-close{align-items:center;background:#ffd70033;border:1px solid gold;border-radius:50%;color:gold;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:0;top:-40px;transition:all .2s ease;width:40px}.lightbox-close:hover{background:gold;color:#0f0f23;transform:rotate(90deg)}.lightbox-caption{color:#fff;font-size:16px;margin-top:16px;text-align:center}@media (max-width:768px){.audio-controls{align-items:stretch;flex-direction:column}.audio-timeline{width:100%}.volume-control{justify-content:center}.placeholder-empty{min-height:200px;padding:30px 15px}.video-empty{min-height:300px}.audio-empty{min-height:200px}.media-gallery{grid-template-columns:1fr!important}}.ai-generate-btn:focus,.audio-btn:focus,.lightbox-close:focus{outline:3px solid gold;outline-offset:2px}.timeline-slider:focus,.volume-slider:focus{outline:2px solid gold;outline-offset:2px}@media (prefers-contrast:high){.media-placeholder{border:2px solid gold}.audio-btn,.audio-icon,.placeholder-icon{color:gold}}.chatbot-fab{align-items:center;background:linear-gradient(135deg,gold,orange);border:none;border-radius:50%;bottom:24px;box-shadow:0 8px 24px #ffd70066;color:#0f0f23;cursor:pointer;display:flex;height:64px;justify-content:center;position:fixed;right:24px;transition:all .3s ease;width:64px;z-index:9999}.chatbot-fab:hover{box-shadow:0 12px 32px #ffd70099;transform:scale(1.1)}.chatbot-fab:active{transform:scale(.95)}.chatbot-badge{background:#8b5cf6;border:2px solid #0f0f23;border-radius:12px;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;position:absolute;right:-4px;top:-4px}.chatbot-window{animation:slideUp .3s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;bottom:24px;box-shadow:0 12px 48px #0009;display:flex;flex-direction:column;height:600px;max-height:calc(100vh - 100px);max-width:calc(100vw - 48px);overflow:hidden;position:fixed;right:24px;width:400px;z-index:9999}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.chatbot-window.minimized{height:72px}.chatbot-header{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-bottom:2px solid #ffd7004d;display:flex;justify-content:space-between;padding:16px}.chatbot-header-info{align-items:center;display:flex;gap:12px}.chatbot-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.chatbot-title h3{color:#fff;font-size:16px;font-weight:600;margin:0}.chatbot-status{align-items:center;color:#fffc;display:flex;font-size:12px;gap:6px;margin:0}.status-dot{animation:pulse 2s infinite;background:#4ade80;border-radius:50%;height:8px;width:8px}.chatbot-header-actions{display:flex;gap:8px}.chatbot-action-btn{align-items:center;background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.chatbot-action-btn:hover{background:#ffffff4d;transform:scale(1.05)}.chatbot-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px;scroll-behavior:smooth}.chatbot-messages::-webkit-scrollbar{width:8px}.chatbot-messages::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.chatbot-messages::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:4px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#ffd70080}.chatbot-message{animation:fadeIn .3s ease;display:flex;flex-direction:column;gap:4px;max-width:80%}.chatbot-message.user{align-items:flex-end;align-self:flex-end}.chatbot-message.assistant{align-items:flex-start;align-self:flex-start}.message-content{word-wrap:break-word;border-radius:16px;line-height:1.5;padding:12px 16px}.chatbot-message.user .message-content{background:linear-gradient(135deg,gold,orange);border-bottom-right-radius:4px;color:#0f0f23}.chatbot-message.assistant .message-content{background:#8b5cf633;border:1px solid #8b5cf64d;border-bottom-left-radius:4px;color:#fff}.chatbot-message.error .message-content{background:#ef444433;border-color:#ef44444d}.chatbot-message.loading .message-content{align-items:center;display:flex;gap:8px}.typing-dots{align-items:center;display:flex;gap:4px}.typing-dot{animation:typingDot 1.4s infinite;background:#ffd700cc;border-radius:50%;height:8px;width:8px}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.spinner{animation:spin 1s linear infinite}.message-timestamp{color:#ffffff80;font-size:10px;padding:0 4px}.chatbot-input-container{background:#0003;border-top:1px solid #ffd70033}.chatbot-quick-actions{border-bottom:1px solid #ffd7001a;display:flex;gap:8px;padding:8px 12px}.quick-action-btn{background:#ffd7001a;border:1px solid #ffd70033;border-radius:6px;color:#ffd700e6;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s ease}.quick-action-btn:hover{background:#ffd70033;border-color:gold}.chatbot-input-wrapper{align-items:flex-end;display:flex;gap:8px;padding:12px}.chatbot-input{background:#ffffff1a;border:1px solid #ffd70033;border-radius:12px;color:#fff;flex:1 1;font-family:inherit;font-size:14px;max-height:120px;outline:none;padding:12px;resize:none;transition:all .2s ease}.chatbot-input:focus{background:#ffffff26;border-color:gold;box-shadow:0 0 0 3px #ffd7001a}.chatbot-input::placeholder{color:#ffffff80}.chatbot-input:disabled{cursor:not-allowed;opacity:.5}.chatbot-send-btn{align-items:center;background:linear-gradient(135deg,gold,orange);border:none;border-radius:12px;color:#0f0f23;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s ease;width:44px}.chatbot-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #ffd70066;transform:scale(1.05)}.chatbot-send-btn:active:not(:disabled){transform:scale(.95)}.chatbot-send-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.chatbot-fab{bottom:16px;height:56px;right:16px;width:56px}.chatbot-window{border-radius:0;bottom:0;height:100vh;max-height:100vh;max-width:100vw;right:0;width:100vw}.chatbot-message{max-width:85%}}.chatbot-action-btn:focus,.chatbot-fab:focus,.chatbot-send-btn:focus,.quick-action-btn:focus{outline:3px solid gold;outline-offset:2px}.chatbot-input:focus{outline:none}@media (prefers-contrast:high){.chatbot-window{border:2px solid gold}.chatbot-input,.chatbot-message.assistant .message-content{border-width:2px}}.media-showcase{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);color:#fff;min-height:100vh}.showcase-header{overflow:hidden;padding:80px 24px 60px;position:relative;text-align:center}.header-gradient{animation:gradientShift 10s ease infinite;background:linear-gradient(135deg,#8b5cf6,#ec4899 50%,gold);inset:0;opacity:.15;position:absolute}@keyframes gradientShift{0%,to{transform:translateX(0) scale(1)}50%{transform:translateX(20px) scale(1.1)}}.header-content{position:relative;z-index:1}.header-icon{animation:float 3s ease-in-out infinite;color:gold;margin-bottom:16px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.showcase-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;margin:0 0 16px}.showcase-header p{color:#fffc;font-size:18px;margin:0 auto;max-width:600px}.showcase-content{margin:0 auto;max-width:1200px;padding:40px 24px 80px}.showcase-section{margin-bottom:80px}.section-header{margin-bottom:40px;text-align:center}.section-header svg{color:gold;margin-bottom:16px}.section-header h2{color:#fff;font-size:32px;font-weight:600;margin:0 0 12px}.section-header p{color:#ffffffb3;font-size:16px;margin:0}.media-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:32px}@media (max-width:768px){.media-grid{grid-template-columns:1fr}}.generation-status{align-items:center;background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:12px;color:gold;display:flex;gap:12px;justify-content:center;margin-top:24px;padding:16px}.generation-status .spinner{animation:spin 1s linear infinite;border:3px solid #ffd7004d;border-radius:50%;border-top-color:gold;height:20px;width:20px}.feature-summary{background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border:1px solid #ffd70033;border-radius:16px;padding:40px}.feature-summary h2{font-size:36px;margin:0 0 40px;text-align:center}.feature-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:#0000004d;border:1px solid #ffd70033;border-radius:12px;padding:24px;transition:all .3s ease}.feature-card:hover{border-color:gold;box-shadow:0 8px 24px #ffd70033;transform:translateY(-4px)}.feature-icon{font-size:48px;margin-bottom:16px}.feature-card h3{color:gold;font-size:24px;margin:0 0 16px}.feature-card ul{list-style:none;margin:0;padding:0}.feature-card li{color:#fffc;font-size:14px;line-height:1.5;padding:8px 0 8px 24px;position:relative}.feature-card li:before{color:#4ade80;content:"✓";font-weight:700;left:0;position:absolute}.tech-details{background:#0000004d;border:1px solid #ffd70033;border-radius:16px;padding:40px}.tech-details h2{font-size:36px;margin:0 0 40px;text-align:center}.tech-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tech-item{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:12px;padding:24px}.tech-item h4{color:gold;font-size:18px;margin:0 0 16px}.tech-item ul{list-style:none;margin:0;padding:0}.tech-item li{color:#fffc;font-size:14px;line-height:1.5;padding:6px 0}.tech-item code{background:#0006;border-radius:4px;color:gold;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.showcase-footer{background:#0000004d;border-top:1px solid #ffd70033;padding:40px 24px;text-align:center}.showcase-footer p{color:#fff9;font-size:14px;margin:8px 0}@media (max-width:768px){.showcase-header{padding:60px 16px 40px}.showcase-header h1{font-size:32px}.showcase-header p{font-size:16px}.showcase-content{padding:24px 16px 40px}.showcase-section{margin-bottom:60px}.section-header h2{font-size:24px}.feature-summary,.tech-details{padding:24px}.feature-summary h2,.tech-details h2{font-size:24px}.feature-cards,.tech-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.feature-card,.tech-item{border-width:2px}}:root{--phoenix-burgundy:#8b3e6f;--ashes-inner:#4a4a4a;--ashes-outer:#6a7589;--ember-inner:#d97706;--ember-outer:#f59e0b;--flame-inner:#ea580c;--flame-outer:#fb923c;--flight-inner:#fbbf24;--flight-outer:#38bdf8;--return-inner:#6d28d9;--return-outer:#c084fc}.phoenix-wheel-5stage{background:linear-gradient(180deg,#f8f6fa,#ede7f6);background:linear-gradient(180deg,#f8f6fa 0,var(--phoenix-lavender) 100%);border-radius:24px;margin:0 auto;max-width:1400px;padding:60px 40px}.phoenix-wheel-5stage.loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:6px solid #ede7f6;border-top-color:#d4af37;border:6px solid var(--phoenix-lavender);border-radius:50%;border-top-color:var(--phoenix-gold);height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.phoenix-header{margin-bottom:40px;text-align:center}.phoenix-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#512da8,#d4af37);background:linear-gradient(135deg,var(--phoenix-indigo),var(--phoenix-gold));-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,6vw,64px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px}.phoenix-subtitle{color:#512da8d9;font-size:clamp(18px,2.5vw,24px);font-weight:500;line-height:1.7}.phoenix-wheel-mandala{height:min(600px,90vw);margin:80px auto;position:relative;width:min(600px,90vw)}.phoenix-wheel-mandala,.sankofa-center{align-items:center;display:flex;justify-content:center}.sankofa-center{animation:pulse 4s ease-in-out infinite;background:linear-gradient(135deg,#8b3e6f,#6b2e4f);background:linear-gradient(135deg,var(--phoenix-burgundy),#6b2e4f);border-radius:50%;box-shadow:0 8px 32px #6b2e4f4d,inset 0 2px 8px #fff3;height:200px;position:absolute;width:200px;z-index:10}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sankofa-content{color:#fff;padding:20px;text-align:center;text-shadow:0 2px 8px #000c,0 0 2px #000000e6}.sankofa-symbol{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:48px;margin-bottom:8px}.sankofa-content h3{font-size:20px;font-weight:800;letter-spacing:.05em;margin-bottom:8px;text-shadow:0 2px 4px #0006}.akan-proverb{font-size:11px;font-style:italic;line-height:1.4;opacity:.95;text-shadow:0 1px 3px #00000080}.phoenix-spoke{cursor:pointer;height:90px;position:absolute;transform-origin:left center;transition:all .3s cubic-bezier(.4,0,.2,1);width:240px}.phoenix-spoke:hover{animation:spoke-pulse .6s ease-out;transform:scale(1.1)!important;z-index:5}@keyframes spoke-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2) drop-shadow(0 0 8px rgba(212,175,55,.6))}}.spoke-content{background:var(--spoke-gradient);border-radius:0 45px 45px 0;box-shadow:0 4px 12px #00000026,inset 0 1px 2px #ffffff4d;display:flex;flex-direction:column;height:100%;justify-content:center;padding:12px 24px 12px 90px;position:relative;transition:all .3s ease;width:100%}.phoenix-spoke:hover .spoke-content{box-shadow:0 8px 24px #00000040,inset 0 2px 4px #fff6}.spoke-content .stage-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:28px;margin-bottom:4px}.spoke-content .stage-name{color:#fff;font-size:16px;font-weight:700;letter-spacing:.5px;margin-bottom:2px;text-shadow:0 1px 2px #0003;text-transform:uppercase}.spoke-content .stage-subtitle{color:#ffffffe6;font-size:10px;font-style:italic;text-shadow:0 1px 2px #0000001a}.spoke-content .stage-score{display:flex;flex-direction:column;gap:4px;margin-top:12px}.score-badge{border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:700;padding:4px 12px;text-shadow:0 1px 2px #0003}.score-label{color:#fffffff2;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.wheel-instruction{bottom:-60px;color:#512da899;font-size:14px;font-style:italic;left:50%;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap}.stage-summaries{margin:80px 0}.stage-summaries h3{color:#512da8;color:var(--phoenix-indigo);font-size:28px;font-weight:700;margin-bottom:32px;text-align:center}.stage-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stage-summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border-radius:16px;box-shadow:0 4px 12px #512da814,inset 0 1px 0 #fffc;cursor:pointer;padding:24px;transition:all .3s ease}.stage-summary-card:hover{box-shadow:0 8px 24px #512da826,inset 0 1px 0 #fff;transform:translateY(-4px)}.card-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.card-header .stage-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:40px}.card-header h4{color:#512da8;color:var(--phoenix-indigo);font-size:22px;font-weight:700;margin-bottom:4px}.card-header .stage-subtitle{color:#512da8b3;font-size:14px;font-style:italic}.card-score{margin-bottom:16px}.score-bar{background:#512da81a;height:12px;margin-bottom:8px;width:100%}.score-bar,.score-fill{border-radius:6px;overflow:hidden}.score-fill{height:100%;position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}.score-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.score-details{align-items:center;display:flex;font-size:14px;justify-content:space-between}.score-fraction{color:#512da8;color:var(--phoenix-indigo);font-weight:600}.score-level{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.card-empty{background:#d4af370d;border:2px dashed #d4af374d;border-radius:12px;color:#512da899;font-style:italic;margin-bottom:16px;padding:20px;text-align:center}.card-adinkra{border-top:1px solid #512da81a;padding-top:16px}.card-adinkra small{color:#d4af37;color:var(--phoenix-gold);display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.card-adinkra p{color:#512da8b3;font-size:13px;font-style:italic;line-height:1.5}.phoenix-actions{margin-top:40px;text-align:center}.btn-primary{background:linear-gradient(135deg,#512da8,#d4af37);background:linear-gradient(135deg,var(--phoenix-indigo),var(--phoenix-gold));border:none;border-radius:50px;box-shadow:0 4px 12px #512da84d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:16px 48px;transition:all .3s ease}.btn-primary:hover:not(:disabled){box-shadow:0 8px 24px #512da866;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{font-size:16px;font-weight:600;padding:12px 32px}.oxytocin-pause-modal,.stage-assessment-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a2eb3;height:100%;left:0;position:absolute;top:0;width:100%}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:90%}.modal-header{border-radius:24px 24px 0 0;color:#fff;padding:40px;text-align:center}.modal-header .stage-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:60px;margin-bottom:16px}.modal-header h2{font-size:36px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px #0003}.modal-header .stage-subtitle{font-size:18px;font-style:italic;opacity:.95}.modal-body{padding:40px}.stage-description{color:#512da8cc;font-size:17px;line-height:1.8;margin-bottom:32px;text-align:center}.dimensions-assessment{margin-bottom:40px}.dimensions-assessment h3{color:#512da8;color:var(--phoenix-indigo);font-size:24px;font-weight:700;margin-bottom:16px}.assessment-instructions{background:#d4af370d;border-left:4px solid #d4af37;border-left:4px solid var(--phoenix-gold);border-radius:8px;color:#512da8b3;font-size:15px;line-height:1.7;margin-bottom:24px;padding:16px}.dimension-item{background:#ede7f64d;border-radius:12px;margin-bottom:24px;padding:20px;transition:all .2s ease}.dimension-item:hover{background:#ede7f680}.dimension-header h4{color:#512da8;color:var(--phoenix-indigo);font-size:18px;font-weight:700;margin-bottom:8px}.dimension-header p{color:#512da8b3;font-size:15px;line-height:1.6;margin-bottom:16px}.reflection-question{background:#d4af3714;border-left:3px solid #d4af37;border-left:3px solid var(--phoenix-gold);border-radius:8px;color:#512da8d9!important;font-size:14px!important;line-height:1.6!important;margin-top:12px;padding:12px 16px}.reflection-question .question-icon{display:inline-block;font-size:16px;margin-right:8px}.reflection-question em{font-style:italic;font-weight:500}.score-selector{display:flex;gap:12px;justify-content:center}.score-button{background:#fff;border:3px solid #512da833;border-radius:12px;color:#512da8;color:var(--phoenix-indigo);cursor:pointer;font-size:24px;font-weight:700;height:60px;overflow:hidden;position:relative;transition:all .2s ease;width:60px}.score-button:after{background:#d4af374d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.score-button:active:after{height:120px;width:120px}.score-button:hover:not(:disabled){border-color:#d4af37;border-color:var(--phoenix-gold);box-shadow:0 4px 12px #d4af374d;transform:translateY(-4px)}.score-button.active{border-color:#0000;box-shadow:0 4px 12px #512da84d;color:#fff}.score-button:disabled{cursor:not-allowed;opacity:.5}.stage-practices{background:#ede7f64d;border-radius:12px;margin-bottom:32px;padding:24px}.stage-practices h3{color:#512da8;color:var(--phoenix-indigo);font-size:20px;font-weight:700;margin-bottom:16px}.stage-practices ul{list-style:none;padding:0}.stage-practices li{color:#512da8cc;font-size:15px;line-height:1.7;padding:8px 0 8px 28px;position:relative}.stage-practices li:before{content:"🔥";left:0;position:absolute;top:8px}.oxytocin-pause-section{background:linear-gradient(135deg,#512da80d,#d4af370d);border:2px solid #512da81a;border-radius:12px;padding:24px;text-align:center}.oxytocin-pause-section h3{color:#512da8;color:var(--phoenix-indigo);font-size:20px;font-weight:700;margin-bottom:8px}.pause-duration{color:#d4af37;color:var(--phoenix-gold);font-size:14px;font-weight:600;margin-bottom:16px}.btn-pause{background:linear-gradient(135deg,#512da8,#d4af37);background:linear-gradient(135deg,var(--phoenix-indigo),var(--phoenix-gold));border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 32px;transition:all .3s ease}.btn-pause:hover{box-shadow:0 4px 12px #512da84d;transform:translateY(-2px)}.pause-content{max-width:600px}.pause-header{background:linear-gradient(135deg,#512da8,#8b3e6f);background:linear-gradient(135deg,var(--phoenix-indigo),var(--phoenix-burgundy));border-radius:24px 24px 0 0;color:#fff;padding:40px;text-align:center}.pause-header h2{font-size:32px;font-weight:700;margin-bottom:8px}.pause-body{padding:40px}.pause-steps{margin-bottom:32px}.pause-step{align-items:flex-start;background:#ede7f64d;border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:16px}.step-number{align-items:center;background:#d4af37;background:var(--phoenix-gold);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:36px;justify-content:center;width:36px}.pause-step p{color:#512da8cc;font-size:16px;line-height:1.7;padding-top:6px}.pause-affirmation{background:linear-gradient(135deg,#512da80d,#d4af370d);border-radius:12px;padding:24px;text-align:center}.pause-affirmation h3{color:#512da8;color:var(--phoenix-indigo);font-size:20px;font-weight:700;margin-bottom:16px}.affirmation-text{color:#512da8e6;font-size:18px;font-style:italic;font-weight:500;line-height:1.7}.pause-footer{padding:24px 40px 40px}.modal-footer,.pause-footer{text-align:center}.phoenix-spoke:focus,.stage-summary-card:focus{outline:4px solid #d4af37;outline:4px solid var(--phoenix-gold);outline-offset:4px;z-index:20}.phoenix-spoke:focus-visible,.stage-summary-card:focus-visible{outline:4px solid #d4af37;outline:4px solid var(--phoenix-gold);outline-offset:4px}.btn-pause:focus,.btn-primary:focus,.btn-secondary:focus{outline:4px solid #d4af37;outline:4px solid var(--phoenix-gold);outline-offset:4px}.score-button:focus{outline:3px solid #512da8;outline:3px solid var(--phoenix-indigo);outline-offset:2px}.modal-close:focus{outline:3px solid #fff;outline-offset:2px}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skip-to-content{background:#512da8;background:var(--phoenix-indigo);border-radius:0 0 8px 0;color:#fff;font-weight:700;left:0;padding:12px 24px;position:absolute;text-decoration:none;top:-40px;z-index:10000}.skip-to-content:focus{outline:4px solid #d4af37;outline:4px solid var(--phoenix-gold);outline-offset:4px;top:0}@media (max-width:768px){.phoenix-wheel-mandala{aspect-ratio:1;height:auto;width:100%}.sankofa-center{height:140px;width:140px}.sankofa-symbol{font-size:32px}.sankofa-content h3{font-size:16px}.phoenix-spoke{height:80px;width:200px}.spoke-content{padding:12px 24px 12px 80px}.spoke-content .stage-icon{font-size:24px}.spoke-content .stage-name{font-size:14px}.spoke-content .stage-subtitle{font-size:10px}.stage-cards{grid-template-columns:1fr}.modal-content{max-height:95vh;width:95%}.modal-body,.pause-body{padding:24px}.score-selector{flex-wrap:wrap}.score-button{font-size:20px;height:50px;width:50px}}@media (max-width:480px){.phoenix-wheel-5stage{padding:20px 12px}.phoenix-header h2{font-size:28px}.phoenix-subtitle{font-size:14px}.modal-header{padding:24px}.modal-header .stage-icon{font-size:40px}.modal-header h2{font-size:24px}}:root{--phoenix-indigo:#512da8;--phoenix-gold:#d4af37;--phoenix-white:#fff;--phoenix-lavender:#ede7f6}.action-cards-tracker{margin:0 auto;max-width:1400px;padding:40px 20px}.action-cards-tracker.compact{padding:20px 0}.action-cards-tracker.loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:300px}.tracker-header{margin-bottom:48px;text-align:center}.tracker-header h2{color:#512da8;color:var(--phoenix-indigo);font-size:clamp(32px,5vw,42px);font-weight:700;margin-bottom:16px}.tracker-subtitle{color:#512da8cc;font-size:clamp(16px,2vw,18px);line-height:1.7}.tracker-subtitle em{color:#d4af37;color:var(--phoenix-gold);font-weight:600}.progress-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border-radius:20px;box-shadow:0 4px 12px #512da814;margin-bottom:40px;padding:32px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.progress-header h3{color:#512da8;color:var(--phoenix-indigo);font-size:22px;font-weight:700}.progress-stats{color:#d4af37;color:var(--phoenix-gold);font-size:18px;font-weight:700}.progress-bar{background:#512da81a;border-radius:10px;height:20px;margin-bottom:16px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#512da8,#d4af37);background:linear-gradient(90deg,var(--phoenix-indigo),var(--phoenix-gold));border-radius:10px;height:100%;transition:width .5s ease}.progress-message{color:#512da8cc;font-size:16px;margin:0;text-align:center}.complete-message{color:#d4af37;color:var(--phoenix-gold);font-weight:700}.stage-filter{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}.filter-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:2px solid #0000;border-radius:50px;box-shadow:0 2px 8px #512da80d;color:#512da8;color:var(--phoenix-indigo);cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.filter-btn:hover{background:#ffffffe6;box-shadow:0 4px 12px #512da81f;transform:translateY(-2px)}.filter-btn.active{background:#512da8;background:var(--phoenix-indigo);box-shadow:0 4px 12px #512da84d;color:#fff}.action-cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.action-cards-grid.compact{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.action-card{background:#fff;border:1px solid #512da814;border-radius:16px;box-shadow:0 2px 8px #512da81f,inset 0 1px 0 #ffffffe6;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.action-card:hover{border-color:#512da833;box-shadow:0 12px 32px #512da833,inset 0 1px 0 #fff;transform:translateY(-8px)}.action-card.completed{border:2px solid #48bb784d;opacity:.85}.completed-badge{animation:celebrate .5s ease-out;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:32px;position:absolute;right:16px;top:16px;z-index:10}@keyframes celebrate{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.2) rotate(-10deg)}75%{transform:scale(1.2) rotate(10deg)}}.card-stage-indicator{align-items:center;color:#fff;display:flex;gap:12px;padding:12px 20px}.card-stage-indicator .stage-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:24px}.card-stage-indicator .stage-name{font-size:14px;font-weight:800;letter-spacing:.5px;text-shadow:0 2px 4px #0009,0 0 2px #000c;text-transform:uppercase}.card-content{padding:24px}.card-id{background:#512da81a;border-radius:20px;display:inline-block;font-size:12px;padding:4px 12px}.card-content h4,.card-id{color:#512da8;color:var(--phoenix-indigo);font-weight:700;margin-bottom:12px}.card-content h4{font-size:20px;line-height:1.3}.card-summary{color:#512da8b3;font-size:15px;line-height:1.6;margin-bottom:16px}.card-meta-bottom{align-items:center;display:flex;gap:12px}.meta-tag{color:#512da899;font-size:13px}.difficulty-badge{border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.difficulty-badge.beginner{background:#48bb7826;color:#2f855a}.difficulty-badge.intermediate{background:#ed893626;color:#c05621}.difficulty-badge.advanced{background:#e53e3e26;color:#c53030}.card-footer{padding:0 24px 24px}.btn-view-card{background:linear-gradient(135deg,#512da8,#d4af37);background:linear-gradient(135deg,var(--phoenix-indigo),var(--phoenix-gold));border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:12px;transition:all .3s ease;width:100%}.btn-view-card:hover{box-shadow:0 4px 12px #512da84d;transform:translateY(-2px)}.action-card-modal{align-items:center;animation:fadeIn .2s ease-out;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.action-card-modal .modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a2eb3;height:100%;left:0;position:absolute;top:0;width:100%}.action-card-modal .modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{background:#00000080;border:2px solid #fffc;border-radius:50%;color:#fff;cursor:pointer;font-size:28px;font-weight:700;height:40px;line-height:1;position:absolute;right:20px;top:20px;transition:all .2s ease;width:40px;z-index:10}.modal-close:hover{background:#000000b3;border-color:#fff;transform:rotate(90deg)}.action-card-modal .modal-header{border-radius:24px 24px 0 0;color:#fff;padding:40px;position:relative;text-align:center}.card-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;display:inline-block;font-size:14px;font-weight:700;margin-bottom:12px;padding:8px 16px}.stage-info{display:flex;font-size:14px;gap:8px;justify-content:center;margin-bottom:16px;opacity:.95}.stage-info .stage-name{font-weight:700;text-transform:uppercase}.stage-info .stage-subtitle{font-style:italic}.action-card-modal .modal-header h2{font-size:32px;font-weight:700;margin-bottom:16px;text-shadow:0 2px 4px #0003}.card-meta{display:flex;font-size:15px;gap:24px;justify-content:center;opacity:.95}.meta-item{align-items:center;display:flex;gap:6px}.action-card-modal .modal-body{padding:40px}.card-section{margin-bottom:32px}.card-section:last-child{margin-bottom:0}.card-section h3{color:#512da8;color:var(--phoenix-indigo);font-size:22px;font-weight:700;margin-bottom:16px}.card-description{color:#512da8cc;font-size:17px;line-height:1.7}.steps-list{counter-reset:step-counter;list-style:none;padding:0}.steps-list li{color:#512da8cc;counter-increment:step-counter;font-size:16px;line-height:1.7;margin-bottom:12px;padding:12px 0 12px 48px;position:relative}.steps-list li:before{align-items:center;background:#d4af37;background:var(--phoenix-gold);border-radius:50%;color:#fff;content:counter(step-counter);display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;left:0;position:absolute;top:12px;width:32px}.why-matters{background:linear-gradient(135deg,#512da80d,#d4af370d);border-left:4px solid #d4af37;border-left:4px solid var(--phoenix-gold);border-radius:12px;padding:24px}.why-matters p{color:#512da8cc;font-size:16px;font-weight:500;line-height:1.8;margin:0}.books-list,.success-list{list-style:none;padding:0}.books-list li,.success-list li{color:#512da8cc;font-size:15px;line-height:1.7;padding:8px 0 8px 32px;position:relative}.success-list li:before{content:"✅"}.books-list li:before,.success-list li:before{font-size:18px;left:0;position:absolute;top:8px}.books-list li:before{content:"📖"}.modal-footer{display:flex;gap:16px;justify-content:center;padding:24px 40px 40px}.btn-complete{background:linear-gradient(135deg,#512da8,#d4af37);background:linear-gradient(135deg,var(--phoenix-indigo),var(--phoenix-gold));border:none;border-radius:50px;box-shadow:0 4px 12px #512da84d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:16px 48px;transition:all .3s ease}.btn-complete:hover:not(:disabled){box-shadow:0 8px 24px #512da866;transform:translateY(-2px)}.btn-complete.completed{background:#48bb78;box-shadow:0 4px 12px #48bb784d}.btn-complete:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#512da81a;border:2px solid #512da8;border:2px solid var(--phoenix-indigo);border-radius:50px;color:#512da8;color:var(--phoenix-indigo);cursor:pointer;font-size:18px;font-weight:700;padding:16px 48px;transition:all .3s ease}.btn-secondary:hover{background:#512da8;background:var(--phoenix-indigo);color:#fff}.message{animation:slideDown .3s ease-out;border-radius:12px;font-size:16px;font-weight:500;margin-bottom:24px;padding:16px 24px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message.success{background:#48bb781a;border:2px solid #48bb78;color:#2f855a}.message.error{background:#f565651a;border:2px solid #f56565;color:#c53030}.action-card:focus,.filter-btn:focus{outline:4px solid #d4af37;outline:4px solid var(--phoenix-gold);outline-offset:4px}.action-card:focus-visible,.filter-btn:focus-visible{outline:4px solid #d4af37;outline:4px solid var(--phoenix-gold);outline-offset:4px}.btn-complete:focus,.btn-secondary:focus,.btn-view-card:focus{outline:4px solid #fff;outline-offset:2px}@media (max-width:768px){.action-cards-grid{grid-template-columns:1fr}.stage-filter{gap:8px}.filter-btn{font-size:14px;padding:10px 20px}.progress-section{padding:24px}.action-card-modal .modal-content{max-height:95vh;width:95%}.action-card-modal .modal-header{padding:24px}.action-card-modal .modal-header h2{font-size:24px}.action-card-modal .modal-body{padding:24px}.modal-footer{flex-direction:column;padding:16px 24px 24px}.btn-complete,.btn-secondary{width:100%}.steps-list li{padding-left:40px}.steps-list li:before{font-size:14px;height:28px;width:28px}}@media (max-width:480px){.tracker-header{margin-bottom:32px}.card-content{padding:20px}.card-content h4{font-size:18px}.card-summary{font-size:14px}.progress-header{align-items:flex-start;gap:8px}.progress-header,.stage-filter{flex-direction:column}.filter-btn{width:100%}}
/*# sourceMappingURL=main.757d963e.css.map*/