@charset "UTF-8";:root{--color-primary: #1a3a6b;--color-primary-light: #2756a8;--color-accent: #e8931c;--color-accent-light: #f5a942;--color-dark: #0f1e38;--color-light: #f4f7fc;--color-gray: #6b7280;--color-border: #e5e7eb;--color-white: #ffffff;--color-success: #059669;--color-error: #dc2626;--font-main: "Inter", sans-serif;--border-radius: 8px;--border-radius-lg: 16px;--shadow: 0 4px 24px rgba(26, 58, 107, .08);--shadow-lg: 0 8px 40px rgba(26, 58, 107, .15);--transition: all .25s ease;--max-width: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-main);color:var(--color-dark);background:var(--color-white);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;color:var(--color-dark)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3.5vw,2.25rem)}h3{font-size:clamp(1.2rem,2.5vw,1.5rem)}p{line-height:1.75}a{color:var(--color-primary-light);text-decoration:none;transition:var(--transition)}a:hover{color:var(--color-accent)}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.section-title{text-align:center;margin-bottom:.75rem;color:var(--color-primary)}.section-subtitle{text-align:center;color:var(--color-gray);font-size:1.1rem;margin-bottom:3rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:var(--border-radius);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);border:2px solid transparent;text-decoration:none;font-family:var(--font-main)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background:var(--color-primary-light);transform:translateY(-2px)}.btn-accent{background:var(--color-accent);color:var(--color-white)}.btn-accent:hover{background:var(--color-accent-light);transform:translateY(-2px)}.btn-outline{border-color:var(--color-primary);color:var(--color-primary);background:transparent}.btn-outline:hover{background:var(--color-primary);color:var(--color-white)}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:#b21d1d}.card{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);padding:2rem;transition:var(--transition)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.grid{display:grid;gap:1.5rem}.grid-2,.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:500;margin-bottom:.4rem;font-size:.9rem;color:var(--color-dark)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;border:1.5px solid var(--color-border);border-radius:var(--border-radius);font-family:var(--font-main);font-size:.95rem;transition:var(--transition);background:var(--color-white)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a3a6b1a}.form-group input.ng-invalid.ng-touched,.form-group textarea.ng-invalid.ng-touched,.form-group select.ng-invalid.ng-touched{border-color:var(--color-error)}.form-group textarea{min-height:140px;resize:vertical}.field-error{color:var(--color-error);font-size:.8rem;margin-top:.25rem}.alert{padding:.875rem 1.25rem;border-radius:var(--border-radius);font-size:.95rem;margin-bottom:1rem}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-primary{background:var(--color-primary);color:#fff}.badge-accent{background:var(--color-accent);color:#fff}.badge-unread{background:var(--color-error);color:#fff}.material-icons{font-family:Material Icons;font-size:24px;vertical-align:middle}.divider{height:4px;width:60px;background:var(--color-accent);border-radius:2px;margin:.75rem auto 2rem}.spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.section{padding:3rem 0}.hide-mobile{display:none}}@media (min-width: 769px){.hide-desktop{display:none}}.bg-primary{background:var(--color-primary);color:#fff}.bg-light{background:var(--color-light)}.bg-dark{background:var(--color-dark);color:#fff}.bg-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-gray{color:var(--color-gray)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:2rem}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.w-full{width:100%}