@font-face{font-family:Protest Riot;src:url(../fonts/ProtestRiot-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}main{width:100%;max-width:1200px;margin:0 auto;padding:20px;flex:1}h1,.page-main-title{margin:0;font-family:Protest Riot,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;font-style:normal;font-size:3rem;letter-spacing:0px;color:var(--color-primary-medium);text-align:left}h2{font-size:2em;color:var(--color-primary);margin:var(--spacing-xl) 0 var(--spacing-md) 0}h3{font-family:Protest Riot,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:2rem;font-weight:700;color:var(--color-primary);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.btn-secondary{background:transparent;color:var(--color-primary);border:var(--border-medium) solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-1px)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:var(--color-white);border-radius:8px;padding:var(--spacing-lg);box-shadow:0 2px 10px #0000001a;transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.card h3{color:var(--color-primary);margin-top:0}.section{margin:40px 0;padding:40px 0}.section-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);text-align:center;padding:80px var(--spacing-lg);margin-bottom:0}.section-hero h1{color:var(--color-white);font-size:3em;margin-bottom:var(--spacing-lg)}.section-hero p{font-size:1.3em;margin-bottom:var(--spacing-xl);opacity:var(--opacity-subtle)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-control{width:100%;padding:12px var(--spacing-md);border:var(--border-thin) solid var(--color-gray-300);border-radius:6px;font-size:var(--font-size-base);transition:border-color var(--transition-base)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2d6e7833}.form-control.error{border-color:var(--color-danger)}.form-error{color:var(--color-danger);font-size:14px;margin-top:var(--spacing-xs)}footer{background:var(--color-gray-900);color:var(--color-white);padding:40px var(--spacing-lg) var(--spacing-lg);margin-top:60px}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.footer-section h4{color:var(--color-white);margin-bottom:var(--spacing-md)}.footer-section a{color:var(--color-gray-300);text-decoration:none;transition:color var(--transition-base)}.footer-section a:hover{color:var(--color-white)}.footer-bottom{border-top:var(--border-thin) solid var(--color-gray-800);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center;color:var(--color-gray-500)}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:6px;margin:var(--spacing-lg) 0;border-left:var(--border-thick) solid}.alert-success{background:var(--color-background-success);border-color:var(--color-success);color:var(--color-text-on-success)}.alert-error{background:var(--color-background-error);border-color:var(--color-danger);color:var(--color-text-on-error)}.alert-info{background:var(--color-background-info);border-color:var(--color-info);color:var(--color-text-on-info)}.debug-info{background:var(--color-gray-50);border:var(--border-thin) solid var(--color-gray-300);border-radius:6px;padding:var(--spacing-md);margin:var(--spacing-lg) 0;font-family:monospace;font-size:14px}.debug-info h3{color:var(--color-gray-700);font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}@media(max-width:768px){main{padding:10px}h1{font-size:2em}.section-hero{padding:60px 20px}.section-hero h1{font-size:2.5em}.btn{display:block;margin:10px 0}}@media(max-width:480px){h1{font-size:1.8em}.section-hero h1{font-size:2em}.card{padding:15px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}.hidden{display:none}.visible{display:block}.site-footer{background-color:var(--color-gray-50);border-top:var(--border-thin) solid var(--color-gray-200);padding:2rem 1rem 1rem;margin-top:3rem;text-align:center}.version-info{margin-top:1rem;opacity:var(--opacity-medium);font-size:.85em}.debug-panel{margin-top:2rem;padding:1rem;background:var(--color-gray-50);border-left:var(--border-thick) solid var(--color-info);border-radius:0 4px 4px 0;font-family:Courier New,monospace;font-size:.9em;max-width:1200px;margin-left:auto;margin-right:auto}