@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Lato:wght@300;400;500;600;700&display=swap');:root{--primary:#005F73;--primary-dark:#004C5C;--secondary:#1E3A8A;--secondary-light:#D2D7E8;--accent:#6A4C93;--neutral-100:#F8FAFC;--neutral-200:#F1F5F9;--neutral-300:#E2E8F0;--neutral-400:#CBD5E0;--neutral-500:#A0AEC0;--neutral-600:#718096;--neutral-700:#4A5568;--neutral-800:#2D3748;--neutral-900:#1A202C;--font-display:'Playfair Display',serif;--font-body:'Lato',sans-serif;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--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);--transition-fast:0.15s ease-out;--transition-normal:0.3s ease-out;--transition-slow:0.5s ease-out}[data-theme="dark"]{--neutral-100:#1A202C;--neutral-200:#2D3748;--neutral-300:#4A5568;--neutral-400:#718096;--neutral-500:#A0AEC0;--neutral-600:#CBD5E0;--neutral-700:#E2E8F0;--neutral-800:#F1F5F9;--neutral-900:#F8FAFC}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--neutral-700);background-color:var(--neutral-100);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.25;color:var(--neutral-800);margin-bottom:var(--space-md)}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.875rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{color:var(--neutral-700);margin-bottom:var(--space-md);line-height:1.6}strong{color:var(--neutral-800);font-weight:600}blockquote{border-left:4px solid var(--accent);padding-left:var(--space-lg);margin:var(--space-lg) 0;font-style:italic;color:var(--neutral-700);background:var(--neutral-200);padding:var(--space-lg);border-radius:var(--radius-md)}@media (max-width:768px){h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-accent{color:var(--accent)}.text-neutral-600{color:var(--neutral-600)}.text-neutral-700{color:var(--neutral-700)}.text-neutral-800{color:var(--neutral-800)}.text-neutral-900{color:var(--neutral-900)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-accent{background-color:var(--accent)}.bg-neutral-100{background-color:var(--neutral-100)}.bg-neutral-200{background-color:var(--neutral-200)}.bg-neutral-300{background-color:var(--neutral-300)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.grid{display:grid;gap:var(--space-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex;gap:var(--space-md)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-weight:500;font-size:0.875rem;line-height:1.25rem;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;position:relative;overflow:hidden}.btn:focus{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background-color:var(--primary);color:white}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--secondary);color:white}.btn-secondary:hover{background-color:#1E40AF;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background-color:var(--primary);color:white}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:1rem}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:0.75rem}.card{background-color:var(--neutral-200);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:1px solid var(--neutral-300)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-header{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--neutral-300)}.card-title{font-size:1.25rem;font-weight:600;color:var(--neutral-800);margin-bottom:var(--space-sm)}.card-body{color:var(--neutral-700)}.card-footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--neutral-300)}.logo-container{display:flex;align-items:center;justify-content:center;padding:var(--space-sm);background:white;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.logo-dark-bg{background:var(--neutral-800)}.logo-dark-bg img{filter:brightness(0) invert(1)}.logo{max-width:120px;max-height:60px;width:auto;height:auto;transition:all var(--transition-fast)}.logo:hover{transform:scale(1.05)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:white}.table{width:100%;border-collapse:collapse;font-size:0.875rem}.table th{background-color:var(--neutral-100);color:var(--neutral-800);font-weight:600;padding:var(--space-md);text-align:left;border-bottom:2px solid var(--neutral-300);font-family:var(--font-body)}.table td{padding:var(--space-md);border-bottom:1px solid var(--neutral-200);color:var(--neutral-700);background:white}.table tr:nth-child(even) td{background-color:var(--neutral-100)}.table tr:hover td{background-color:var(--neutral-200);color:var(--neutral-800)}@media (max-width:768px){.table-container{font-size:0.75rem}.table th,.table td{padding:var(--space-sm)}}.list{list-style:none;background:white;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.list-item{padding:var(--space-lg);border-bottom:1px solid var(--neutral-200);transition:all var(--transition-fast);color:var(--neutral-700);background:white}.list-item:last-child{border-bottom:none}.list-item:hover{background-color:var(--neutral-200);color:var(--neutral-800);transform:translateX(4px)}.list-item-title{font-weight:600;color:var(--neutral-800);margin-bottom:var(--space-xs)}.list-item-subtitle{font-size:0.875rem;color:var(--neutral-600)}.form-group{margin-bottom:var(--space-lg)}.label{display:block;font-weight:500;color:var(--neutral-700);margin-bottom:var(--space-sm);font-size:0.875rem}.input{width:100%;padding:var(--space-md);border:2px solid var(--neutral-300);border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-body);color:var(--neutral-800);background:white;transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,95,115,0.1)}.input::placeholder{color:var(--neutral-500)}.input-error{border-color:#DC2626}.input-error:focus{border-color:#DC2626;box-shadow:0 0 0 3px rgba(220,38,38,0.1)}.error-message{color:#DC2626;font-size:0.75rem;margin-top:var(--space-xs)}.icon{width:1.5rem;height:1.5rem;fill:currentColor;transition:all var(--transition-fast)}.icon-sm{width:1rem;height:1rem}.icon-lg{width:2rem;height:2rem}.icon-xl{width:3rem;height:3rem}.brushstroke{position:relative;overflow:hidden}.brushstroke::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,var(--accent) 50%,transparent 70%);opacity:0.1;transform:rotate(-15deg);z-index:-1}.pattern-dots{background-image:radial-gradient(circle,var(--neutral-300) 1px,transparent 1px);background-size:20px 20px}.pattern-grid{background-image:linear-gradient(var(--neutral-300) 1px,transparent 1px),linear-gradient(90deg,var(--neutral-300) 1px,transparent 1px);background-size:20px 20px}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}@keyframes bounce{0%,20%,53%,80%,100%{transform:translate3d(0,0,0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s infinite}.animate-fade-in{animation:fadeIn 0.5s ease-out}.interactive{cursor:pointer;transition:all var(--transition-fast)}.interactive:hover{transform:scale(1.02)}.interactive:active{transform:scale(0.98)}.theme-toggle{position:fixed;bottom:var(--space-lg);right:var(--space-lg);width:60px;height:60px;border-radius:50%;background:var(--primary);color:white;border:none;cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--transition-normal);z-index:1000}.theme-toggle:hover{transform:scale(1.1);background:var(--primary-dark)}@media (max-width:1024px){.container{padding:0 var(--space-lg)}}@media (max-width:768px){:root{--space-xs:0.125rem;--space-sm:0.25rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem}.container{padding:0 var(--space-md)}.btn{width:100%;justify-content:center}.card{padding:var(--space-md)}}@media (max-width:480px){.theme-toggle{width:50px;height:50px;bottom:var(--space-md);right:var(--space-md)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media print{.theme-toggle{display:none}.card{box-shadow:none;border:1px solid var(--neutral-300)}.btn{border:2px solid currentColor}}.art-nav{display:flex;align-items:center}.art-menu{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-sm)}.art-menu-item{position:relative}.art-nav-link{display:block;font-family:var(--font-body);font-weight:500;text-decoration:none;transition:all var(--transition-fast);border-radius:var(--radius-md)}.art-nav-link:hover{background-color:var(--neutral-200);color:var(--primary);transform:translateY(-1px)}.art-nav-link:focus{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:768px){.art-menu{flex-direction:column;gap:var(--space-xs)}.art-nav-link{padding:var(--space-sm) var(--space-md);font-size:0.875rem}}