*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#1e40af;--primary-dark:#1e3a8a;--primary-light:#3b82f6;--secondary:#171717;--accent:#fbbf24;--text:#0f172a;--text-light:#64748b;--background:#fff;--border:#e2e8f0;--glass-bg:rgba(255,255,255,.8);--glass-border:rgba(255,255,255,.2);--shadow:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--font-primary:'Crimson Pro',serif;--font-secondary:'Inter',sans-serif;--radius-sm:.25rem;--radius:.5rem;--radius-lg:1rem;--radius-full:9999px;--transition:all .3s cubic-bezier(.4,0,.2,1)}@property --gradient-angle{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes gradient-rotation{0%{--gradient-angle:0deg}100%{--gradient-angle:360deg}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shine{0%{background-position:200% center}100%{background-position:-200% center}}@keyframes flag-wave{0%,100%{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}body{font-family:var(--font-secondary);line-height:1.6;color:var(--text);background:var(--background)}a{color:inherit;text-decoration:none;transition:var(--transition)}img{max-width:100%;height:auto}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}.glass{background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 0;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem}.nav-logo{display:flex;align-items:center;gap:1rem;font-weight:600;font-size:1.5rem;color:var(--primary)}.nav-menu{display:flex;align-items:center;gap:3rem}.nav-link{position:relative;font-weight:500;padding:.5rem 0}.nav-link::after{content:'';position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--primary);transform:scaleX(0);transition:var(--transition);transform-origin:right}.nav-link:hover::after,.nav-link.active::after{transform:scaleX(1);transform-origin:left}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border-radius:var(--radius);font-weight:500;transition:var(--transition);cursor:pointer;position:relative;overflow:hidden}.btn::before{content:'';position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle,rgba(30,64,175,.2) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);transition:var(--transition)}.btn:hover::before{transform:translate(-50%,-50%) scale(2)}.btn-primary{background:var(--primary);color:var(--background)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-outline{border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:var(--background);transform:translateY(-2px)}.hero{min-height:100vh;padding:8rem 0;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--background) 0%,var(--border) 100%)}.hero-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem}.hero-content{grid-column:2/8;position:relative}.hero-title{font-family:var(--font-primary);font-size:clamp(3rem,5vw,4.5rem);line-height:1.1;margin-bottom:2rem;color:var(--primary);text-shadow:0 0 20px rgba(30,64,175,.5)}.hero-description{font-size:1.25rem;color:var(--text-light);margin-bottom:3rem}.hero-cta{display:flex;gap:2rem}.hero-image{grid-column:8/12;position:relative}.hero-image img{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:float 6s ease-in-out infinite}.diplomatic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem}.diplomatic-item{position:relative;overflow:hidden;border-radius:var(--radius);cursor:pointer;background:var(--background)}.diplomatic-image{width:100%;aspect-ratio:16/9;object-fit:cover;transition:var(--transition)}.diplomatic-item:hover .diplomatic-image{transform:scale(1.1)}.diplomatic-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:var(--background);padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;transition:var(--transition)}.diplomatic-item:hover .diplomatic-overlay{opacity:1}.relations{padding:8rem 0;background:var(--background)}.relations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.relation-card{position:relative;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.relation-image{width:100%;aspect-ratio:16/9;object-fit:cover}.relation-content{position:absolute;inset:0;background:rgba(0,0,0,.7);color:var(--background);padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;transform:translateY(100%);transition:var(--transition)}.relation-card:hover .relation-content{transform:translateY(0)}.officials{padding:8rem 0}.official-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.official-card{padding:2rem;background:var(--glass-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--glass-border)}.official-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.official-image{width:120px;height:120px;border-radius:50%;margin:0 auto 1.5rem;overflow:hidden}.official-image img{width:100%;height:100%;object-fit:cover}.official-name{font-family:var(--font-primary);font-size:1.5rem;margin-bottom:1rem;color:var(--primary);text-align:center}.official-title{color:var(--text-light);text-align:center}.flag-effect{position:relative;overflow:hidden}.flag-effect::before{content:'';position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 3s infinite}.timeline{padding:8rem 0;position:relative}.timeline::before{content:'';position:absolute;top:0;left:50%;width:2px;height:100%;background:var(--primary);transform:translateX(-50%)}.timeline-item{position:relative;width:50%;padding:2rem}.timeline-item:nth-child(even){margin-left:50%}.timeline-item::before{content:'';position:absolute;top:0;width:16px;height:16px;background:var(--primary);border-radius:50%}.timeline-item:nth-child(odd)::before{right:-8px}.timeline-item:nth-child(even)::before{left:-8px}.timeline-content{padding:2rem;background:var(--glass-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--glass-border)}.timeline-date{font-family:var(--font-primary);font-size:1.25rem;color:var(--primary);margin-bottom:1rem}.timeline-title{font-family:var(--font-primary);font-size:1.5rem;margin-bottom:1rem;color:var(--text)}.timeline-description{color:var(--text-light)}.contact{padding:8rem 0}.contact-grid{display:grid;grid-template-columns:1fr 2fr;gap:4rem}.contact-info{padding:2rem;background:var(--glass-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--glass-border)}.contact-title{font-family:var(--font-primary);font-size:1.5rem;margin-bottom:2rem;color:var(--primary)}.contact-list{display:grid;gap:2rem}.contact-item{display:flex;align-items:center;gap:1rem}.contact-icon{width:40px;height:40px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--background)}.contact-form{padding:2rem;background:var(--glass-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--glass-border)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;color:var(--text)}.form-input,.form-textarea{width:100%;padding:1rem;background:rgba(255,255,255,.1);border:1px solid var(--glass-border);border-radius:var(--radius);color:var(--text);transition:var(--transition)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(30,64,175,.2)}.form-textarea{height:150px;resize:vertical}.footer{background:var(--primary-dark);color:var(--background);padding:6rem 0 2rem}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:4rem;margin-bottom:4rem}.footer-info{max-width:400px}.footer-logo{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.footer-description{color:var(--text-light);margin-bottom:2rem}.footer-social{display:flex;gap:1.5rem}.social-link{width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.social-link:hover{background:var(--accent);transform:translateY(-5px)}.footer-links h4{font-family:var(--font-primary);font-size:1.25rem;margin-bottom:1.5rem}.footer-links ul{display:grid;gap:1rem}.footer-link{color:var(--text-light);transition:var(--transition)}.footer-link:hover{color:var(--accent);transform:translateX(5px)}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:var(--text-light)}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:4rem}.hero-content,.hero-image{grid-column:1/-1}.relations-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;text-align:center}.contact-info{max-width:none}.footer-grid{grid-template-columns:1fr}}@media (max-width:768px){.nav-menu{display:none}.diplomatic-grid{grid-template-columns:1fr}.official-grid{grid-template-columns:1fr}.timeline::before{left:0}.timeline-item{width:100%;padding-left:2rem}.timeline-item:nth-child(even){margin-left:0}.timeline-item::before{left:-8px}}