:root{--brown-dark: #3d1f0a;--brown-mid: #7a3b10;--brown-warm: #a05020;--amber: #c8711a;--amber-light: #e8941f;--cream: #f5e8cc;--cream-light: #fdf5e6;--orange-ball: #d4621a;--text-dark: #2a1208;--white: #ffffff;--shadow: rgba(61, 31, 10, .25);--shadow-strong: rgba(61, 31, 10, .45);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--transition: .2s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Nunito,sans-serif;background:var(--cream-light);color:var(--text-dark);overflow-x:hidden;line-height:1.6}h1,h2,h3{font-family:Bebas Neue,cursive;letter-spacing:2px;line-height:1}a{text-decoration:none;color:inherit;transition:color var(--transition)}ul{list-style:none}button,input,select,textarea{font-family:Nunito,sans-serif}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--cream-light)}::-webkit-scrollbar-thumb{background:var(--amber);border-radius:3px}.section-tag{display:inline-block;background:#c8711a1f;color:var(--amber);font-size:.68rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:.8rem;border:1px solid rgba(200,113,26,.25)}.section-tag--light{background:#f5e8cc1a;color:var(--amber-light);border-color:#f5e8cc33}.section-title{font-size:clamp(2.2rem,4vw,3.2rem);color:var(--brown-dark);letter-spacing:3px;margin-bottom:.5rem}.section-title--light{color:var(--cream)}.section-sub{color:var(--brown-warm);font-size:.95rem;max-width:520px;line-height:1.7;margin-bottom:2.5rem}.section-sub--light{color:#f5e8cca6}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius-sm);font-weight:700;font-size:.85rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:none;transition:all var(--transition)}.btn--primary{background:var(--amber);color:var(--white);box-shadow:0 4px 14px #c8711a59}.btn--primary:hover{background:var(--amber-light);transform:translateY(-2px);box-shadow:0 6px 20px #c8711a73}.btn--secondary{background:transparent;color:var(--cream);border:2px solid rgba(245,232,204,.3)}.btn--secondary:hover{border-color:var(--cream);background:#f5e8cc14}.btn--outline{background:#fff;color:var(--brown-dark);border:1.5px solid #e0d8cc}.btn--outline:hover{background:var(--cream-light);border-color:var(--amber)}.btn--danger{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.btn--danger:hover{background:#fecaca}.btn--sm{padding:6px 14px;font-size:.75rem}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.68rem;font-weight:700;letter-spacing:.5px}.badge--green{background:#dcfce7;color:#15803d}.badge--amber{background:#fff7ed;color:#c2410c}.badge--red{background:#fee2e2;color:#b91c1c}.badge--gray{background:#f4f4f5;color:#52525b}.card{background:var(--white);border-radius:var(--radius-md);box-shadow:0 4px 20px var(--shadow);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}.card:hover{transform:translateY(-4px);box-shadow:0 8px 30px var(--shadow)}.form-field{display:flex;flex-direction:column;gap:5px;margin-bottom:1rem}.form-field label{font-size:.78rem;font-weight:700;color:var(--brown-dark);letter-spacing:.3px}.form-field input,.form-field select,.form-field textarea{border:1.5px solid #e0d8cc;border-radius:var(--radius-sm);padding:10px 14px;font-size:.85rem;outline:none;background:#fff;color:var(--text-dark);transition:border-color var(--transition)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--amber)}.form-field input::placeholder,.form-field select::placeholder,.form-field textarea::placeholder{color:#bbb}.form-field textarea{resize:vertical;min-height:100px}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:.8rem 1.2rem;text-align:left;font-size:.7rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#a0896e;background:#fdfaf6;border-bottom:1px solid #f0e8d8}.data-table td{padding:.85rem 1.2rem;font-size:.85rem;border-bottom:1px solid #f8f4ee;vertical-align:middle;color:var(--text-dark)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#fdfaf6}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem}.page-section{padding:5rem 6rem}@media(max-width:900px){.page-section{padding:3rem 1.5rem}}@media(max-width:900px){.hide-mobile{display:none!important}}
