:root{--cof-blue:#1e40af;--cof-navy:#1e293b;--cof-blue-light:#3b82f6;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--transition-base:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}body{background-color:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif}.modern-content{font-size:1.125rem;color:#1e293b;line-height:1.9;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif}.sticky-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,5%);transition:var(--transition-base)}.sticky-header.scrolled{box-shadow:var(--shadow-md)}.btn-primary{background:linear-gradient(135deg,var(--cof-blue) 0%,var(--cof-blue-light) 100%);color:#fff;padding:.75rem 2rem;border-radius:.5rem;font-weight:600;transition:var(--transition-base);transform:translateY(0);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:#fff;color:var(--cof-navy);padding:.75rem 2rem;border-radius:.5rem;font-weight:600;border:2px solid var(--cof-blue);transition:var(--transition-base)}.btn-secondary:hover{background:var(--cof-blue);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.enhanced-content{font-size:1.125rem;color:#1f2937;line-height:1.8}.content-area{color:#334155;line-height:1.75}.content-area h1{color:#1e293b;font-weight:800;font-size:2rem;line-height:2.5rem;margin-top:2.5rem;margin-bottom:1.25rem;position:relative;padding-bottom:.75rem}.content-area h1:after{content:'';position:absolute;bottom:0;left:0;width:3rem;height:3px;background:linear-gradient(90deg,#1e40af 0%,#3b82f6 100%);border-radius:2px}.content-area h2{color:#1e293b;font-weight:700;font-size:1.625rem;line-height:2.25rem;margin-top:2rem;margin-bottom:1rem;position:relative;padding-bottom:.5rem}.content-area h2:after{content:'';position:absolute;bottom:0;left:0;width:2rem;height:2px;background-color:#cbd5e1;border-radius:1px}.content-area h3{color:#334155;font-weight:600;font-size:1.375rem;line-height:2rem;margin-top:1.75rem;margin-bottom:.75rem}.content-area h4{color:#1f2937;font-weight:600;font-size:1.125rem;line-height:1.75rem;margin-top:1rem;margin-bottom:.5rem}.content-area p{margin-bottom:1rem;margin-top:1rem;color:#374151;line-height:1.625}.content-area p:first-child{margin-top:0}.content-area a{color:#1e40af;font-weight:500;text-decoration:none;position:relative;transition:color .2s ease;border-bottom:2px solid transparent;background-image:linear-gradient(90deg,#dbeafe 0%,#bfdbfe 100%);background-repeat:no-repeat;background-size:0% 100%;background-position:0 100%;transition:background-size .3s ease,color .2s ease;padding-bottom:1px}.content-area a:hover{color:#1d4ed8;background-size:100% 100%}.content-area strong{color:#1f2937;font-weight:600}.content-area em{font-style:italic}.content-area ul{margin-bottom:1.25rem;margin-top:1.25rem;padding-left:1.75rem;list-style-type:none;position:relative}.content-area ul li:before{content:'•';color:#3b82f6;font-weight:700;font-size:1.25rem;position:absolute;left:-1.25rem}.content-area ol{margin-bottom:1.25rem;margin-top:1.25rem;padding-left:1.75rem;list-style-type:none;counter-reset:list-counter}.content-area ol li{counter-increment:list-counter;position:relative}.content-area ol li:before{content:counter(list-counter)'.';color:#1e40af;font-weight:600;position:absolute;left:-1.75rem}.content-area li{margin-bottom:.625rem;margin-top:.625rem;line-height:1.75;color:#475569}.content-area li p{margin-bottom:.5rem;margin-top:.5rem}.content-area code{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);color:#0c4a6e;font-size:.9rem;font-weight:500;padding:.125rem .375rem;border-radius:.375rem;font-family:sf mono,Monaco,courier new,monospace;border:1px solid #bae6fd}.content-area pre{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);color:#e2e8f0;font-size:.9rem;line-height:1.625;margin-bottom:1.75rem;margin-top:1.75rem;overflow-x:auto;padding:1.5rem;border-radius:.75rem;font-family:sf mono,Monaco,courier new,monospace;box-shadow:0 10px 30px -10px rgba(0,0,0,.3);border:1px solid #334155}.content-area pre code{background-color:transparent;color:inherit;font-size:inherit;font-weight:inherit;padding:0}.content-area blockquote{border-left:4px solid #3b82f6;background:linear-gradient(90deg,#eff6ff 0%,transparent 100%);color:#475569;font-style:italic;margin-bottom:1.75rem;margin-top:1.75rem;padding:1.25rem 1.5rem;border-radius:0 .5rem .5rem 0;position:relative}.content-area blockquote p{margin:0}.content-area blockquote:before{content:'"';font-size:3rem;color:#dbeafe;position:absolute;top:-.5rem;left:.5rem;font-family:Georgia,serif}.content-area table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;margin-top:1.5rem}.content-area th,.content-area td{border:1px solid #d1d5db;padding:.75rem;text-align:left}.content-area th{background-color:#f9fafb;font-weight:600;color:#1f2937}.content-area hr{border:none;border-top:1px solid #e5e7eb;margin:2rem 0}html{scroll-behavior:smooth}*:focus{outline:2px solid #3b82f6;outline-offset:2px}.gradient-blue{background:linear-gradient(135deg,#1e293b 0%,#1e40af 100%)}.fade-in{animation:fadeIn .8s cubic-bezier(.4,0,.2,1)}.animate-fade-in{opacity:0;animation:fadeIn .8s cubic-bezier(.4,0,.2,1)forwards}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.animate-fade-in,.icon-bounce,.animate-pulse{animation:none !important;transition:none !important}}.anim-delay-200{animation-delay:.2s !important}.anim-delay-400{animation-delay:.4s !important}.anim-delay-500{animation-delay:.5s !important}.anim-delay-600{animation-delay:.6s !important}.anim-delay-1000{animation-delay:1s !important}.animation-delay-2000{animation-delay:2s}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);animation:scrollBounce 2s infinite}@keyframes scrollBounce{0%,100%{transform:translateX(-50%)translateY(0)}50%{transform:translateX(-50%)translateY(10px)}}.text-gradient{background:linear-gradient(135deg,var(--cof-blue) 0%,var(--cof-blue-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.focus-ring{outline:none;position:relative}.focus-ring:focus-visible::after{content:'';position:absolute;inset:-4px;border:2px solid var(--cof-blue);border-radius:.5rem;pointer-events:none}.section-fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.section-fade-in.visible{opacity:1;transform:translateY(0)}.elevated-card{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,4%),0 0 0 1px rgba(0,0,0,5%);transition:var(--transition-base)}.elevated-card:hover{transform:translateY(-4px);box-shadow:0 25px 30px -5px rgba(0,0,0,.15),0 15px 15px -5px rgba(0,0,0,8%),0 0 0 1px rgba(0,0,0,5%)}.feature-card{transition:var(--transition-base);position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--cof-blue) 0%,var(--cof-blue-light) 100%);transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.feature-card:hover::before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.icon-bounce{animation:bounce 2s infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:40;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-panel{position:fixed;right:0;top:0;bottom:0;width:80%;max-width:320px;background:#fff;z-index:50;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 24px rgba(0,0,0,.1)}.mobile-menu-panel.active{transform:translateX(0)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media print{.no-print{display:none !important}.content-area{max-width:none}.content-area a{color:#000;text-decoration:none}.content-area a:after{content:" (" attr(href)")";font-size:.8em;color:#666}}