:root{--primary: #00bcd4;--primary-hover: #00acc1;--background-base: #002b36;--background-surface: #003d4a;--background-input: #004d5a;--text-main: #ffffff;--text-muted: #b8d4da;--text-on-primary: #ffffff;--border-color: #001f28;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--font-primary: "Noto Sans", sans-serif;--font-display: "Newsreader", serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background:var(--background-base);color:var(--text-main);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-main)}h1{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:900;letter-spacing:-.033em}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:1.25rem;font-weight:600}p{margin-bottom:var(--spacing-md);color:var(--text-muted)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 768px){.container{padding:0 var(--spacing-xl)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.5rem 1rem;border:none;border-radius:var(--radius-lg);font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none;outline:none;letter-spacing:.015em}.btn-primary{background:var(--primary);color:var(--text-on-primary)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:transparent;color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--background-surface);border-color:var(--text-muted)}.card{background:var(--background-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease;border:1px solid var(--border-color);display:flex;flex-direction:column;height:100%}.card:hover{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0000001a;transform:translateY(-2px);border-color:var(--primary)}.card-image-container{width:100%;aspect-ratio:16/9;overflow:hidden;background-color:#000}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;opacity:.9}.card:hover .card-image{transform:scale(1.05);opacity:1}.card-body{padding:1rem;display:flex;flex-direction:column;flex-grow:1}.card-title{font-family:var(--font-primary);font-size:1rem;font-weight:500;margin-bottom:.25rem;color:var(--text-main)}.card-content{font-size:.875rem;color:var(--text-muted);flex-grow:1;margin-bottom:.75rem;line-height:1.5}.card-link{color:var(--primary);font-size:.875rem;font-weight:600;text-decoration:none;margin-top:auto}.card-link:hover{text-decoration:underline;color:var(--primary-hover)}.grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.grid{grid-template-columns:repeat(4,1fr)}}.navbar{background:var(--background-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:.75rem 0;position:sticky;top:0;z-index:100}.navbar-content{display:flex;justify-content:space-between;align-items:center;padding:0 1rem}@media (min-width: 640px){.navbar-content{padding:0 2.5rem}}.navbar-brand{display:flex;align-items:center;gap:1rem;text-decoration:none;white-space:nowrap}.navbar-logo{color:var(--primary);width:1.5rem;height:1.5rem}.navbar-title{font-size:1.125rem;font-weight:700;color:var(--text-main);letter-spacing:-.015em}.navbar-nav{display:flex;gap:2.25rem;list-style:none;align-items:center}.navbar-link{color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.875rem;transition:color .2s ease}.navbar-link:hover{color:var(--primary)}.hero{padding:3rem 0;background:linear-gradient(to bottom,#002b3600,#002b36)}@media (min-width: 768px){.hero{padding:5rem 0}}.hero-content{display:flex;flex-direction:column;align-items:center;gap:2rem}@media (min-width: 768px){.hero-content{flex-direction:row;text-align:left}}.hero-text{flex:1;display:flex;flex-direction:column;gap:.75rem;text-align:center}@media (min-width: 768px){.hero-text{text-align:left}}.hero-title{margin-bottom:var(--spacing-md);color:var(--text-main)}.hero-subtitle{font-size:1rem;color:var(--text-muted);max-width:42rem;margin:0 auto}@media (min-width: 768px){.hero-subtitle{font-size:1.125rem;margin:0}}.hero-image-container{flex-shrink:0}.hero-image{width:15rem;height:25rem;border-radius:9999px;object-fit:cover;box-shadow:0 20px 25px -5px #00000080;border:4px solid var(--background-surface)}@media (min-width: 768px){.hero-image{width:15rem;height:25rem}}.pagination{display:flex;align-items:center;justify-content:center;padding:2.5rem 1rem;gap:.25rem}.pagination-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;font-size:.875rem;font-weight:400;color:var(--text-muted);text-decoration:none;transition:background-color .2s,color .2s}.pagination-btn:hover{background-color:var(--background-surface);color:var(--text-main)}.pagination-btn.active{background-color:var(--primary);color:#fff;font-weight:700}.pagination-arrow{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;color:var(--text-muted);transition:background-color .2s,color .2s}.pagination-arrow:hover{background-color:var(--background-surface);color:var(--text-main)}.spinner{border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:var(--spacing-xl) auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-main)}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;background:var(--background-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-family:var(--font-primary);transition:all .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #00bcd433}.form-textarea{min-height:150px;resize:vertical}@media (max-width: 767px){.navbar-nav-desktop{display:none}.navbar-content{justify-content:space-between}.navbar-language{display:block}.navbar-brand{font-size:1.25rem!important}.hero{padding:2rem 0}.hero-content{gap:1.5rem}.hero-image{width:12rem;height:20rem}}@media (min-width: 768px){.hamburger-menu{display:none}.navbar-nav-desktop{display:flex}}.py-3{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.mb-2{margin-bottom:var(--spacing-lg)}.text-center{text-align:center}