html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--brand-dark);background:var(--brand-light);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%}header{background:var(--brand-primary);color:var(--brand-white);padding:1rem 0;border-bottom:3px solid var(--brand-accent);position:sticky;top:0;z-index:100;transition:box-shadow .3s ease}header.scrolled{box-shadow:0 4px 20px #00000026}.header-inner{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--brand-white);text-decoration:none}nav{display:flex;gap:1.5rem}.nav-link{color:var(--brand-white);text-decoration:none;font-weight:500;transition:opacity .2s}.nav-link:hover{opacity:.8;text-decoration:underline}main{flex:1;padding:2rem 0}footer{background:var(--brand-primary);color:var(--brand-white);padding:1.5rem 0;text-align:center;font-size:.875rem}.footer-inner p{margin:.25rem 0}h1,h2,h3,h4{line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem;color:var(--brand-primary)}h2{font-size:1.75rem;color:var(--brand-primary)}a{color:var(--brand-primary)}a:hover{color:var(--brand-accent)}.card{background:var(--brand-white);border:1px solid var(--brand-border);border-radius:8px;padding:1.25rem;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.card-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--brand-primary)}.card-meta{font-size:.875rem;color:var(--brand-gray);margin-bottom:.25rem}.btn{display:inline-block;padding:.625rem 1.25rem;border-radius:6px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s;border:none;font-size:1rem}.btn-primary{background:var(--brand-primary);color:var(--brand-white)}.btn-primary:hover{background:#2c5282;color:var(--brand-white)}.btn-accent{background:var(--brand-accent);color:var(--brand-dark)}.btn-accent:hover{background:#ed8936}.grid{display:grid;gap:1.5rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.search-box{width:100%;max-width:600px;padding:.875rem 1.25rem;font-size:1rem;border:2px solid var(--brand-border);border-radius:8px;outline:none;transition:border-color .2s}.search-box:focus{border-color:var(--brand-primary)}.tag{display:inline-block;padding:.25rem .625rem;background:#edf2f7;color:var(--brand-dark);border-radius:9999px;font-size:.75rem;font-weight:500;margin-right:.5rem;margin-bottom:.5rem}.tag-accent{background:#fffaf0;color:#c05621}.hero{text-align:center;padding:3rem 1rem;background:linear-gradient(135deg,var(--brand-primary) 0%,#2c5282 100%);color:var(--brand-white);border-radius:12px;margin-bottom:2rem}.hero h1{color:var(--brand-white);margin-bottom:.75rem}.hero p{font-size:1.125rem;opacity:.9;max-width:600px;margin:0 auto 1.5rem}.hero .search-box{border:none;max-width:500px}.section{margin-bottom:2.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stat-card{text-align:center;padding:1.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--brand-primary)}.stat-label{font-size:.875rem;color:var(--brand-gray);margin-top:.25rem}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{background:var(--brand-white);border:1px solid var(--brand-border);border-radius:8px;padding:1rem 1.25rem}.faq-item summary{font-weight:600;cursor:pointer;color:var(--brand-primary);list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";display:inline-block;width:1.25rem;margin-right:.5rem;font-weight:700;color:var(--brand-accent)}.faq-item[open] summary:before{content:"-"}.faq-item p{margin-top:.75rem;color:var(--brand-dark);font-size:.9375rem;line-height:1.6}.content-section{background:var(--brand-white);border:1px solid var(--brand-border);border-radius:8px;padding:1.5rem}.content-section p{margin-bottom:1rem;color:var(--brand-dark);line-height:1.7}.content-section p:last-child{margin-bottom:0}.content-section ul{margin-left:1.25rem;margin-bottom:1rem}.content-section li{margin-bottom:.375rem;line-height:1.6}.content-section h3{font-size:1.125rem;margin-bottom:.75rem;color:var(--brand-primary)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.reveal-delay-6{transition-delay:.6s}.reveal-scale{opacity:0;transform:scale(.92) translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal-scale.revealed{opacity:1;transform:scale(1) translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal-left.revealed,.reveal-right.revealed{opacity:1;transform:translate(0)}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-load-1{animation:heroFadeIn .6s .1s cubic-bezier(.16,1,.3,1) both}.hero-load-2{animation:heroFadeIn .6s .25s cubic-bezier(.16,1,.3,1) both}.hero-load-3{animation:heroFadeIn .6s .4s cubic-bezier(.16,1,.3,1) both}.hero-load-4{animation:heroFadeIn .6s .55s cubic-bezier(.16,1,.3,1) both}.hero-load-5{animation:heroFadeIn .6s .7s cubic-bezier(.16,1,.3,1) both}.hero-load-6{animation:heroFadeIn .6s .85s cubic-bezier(.16,1,.3,1) both}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-anim{animation:float 4s ease-in-out infinite}.float-anim-delay{animation:float 4s ease-in-out 2s infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 #f6ad5566}50%{box-shadow:0 0 20px 5px #f6ad5533}}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.card-interactive{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,border-color .35s ease}.card-interactive:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 20px 40px #0000001f}.icon-draw path,.icon-draw line,.icon-draw polyline,.icon-draw circle,.icon-draw rect{stroke-dasharray:80;stroke-dashoffset:0;transition:stroke-dashoffset .5s ease}.card-interactive:hover .icon-draw path,.card-interactive:hover .icon-draw line,.card-interactive:hover .icon-draw polyline,.card-interactive:hover .icon-draw circle,.card-interactive:hover .icon-draw rect{stroke-dashoffset:0;animation:iconDraw .8s ease forwards}@keyframes iconDraw{0%{stroke-dashoffset:80}to{stroke-dashoffset:0}}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger-line{display:block;width:24px;height:2px;background:#fff;margin:5px 0;transition:transform .3s,opacity .3s}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;background:var(--brand-primary);color:#fff;border:none;border-radius:50%;cursor:pointer;opacity:0;transform:translateY(20px);transition:opacity .3s,transform .3s;z-index:99;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003}.back-to-top.visible{opacity:1;transform:translateY(0)}.back-to-top:hover{background:#2c5282}@media(max-width:640px){.hamburger{display:block}nav{position:absolute;top:100%;left:0;right:0;background:var(--brand-primary);flex-direction:column;padding:1rem;gap:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}nav.nav-open{max-height:300px;opacity:1;padding:1rem}.nav-link{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.nav-link:last-child{border-bottom:none}}