:root{--black:#000;--white:#fff;--gray-light:#f5f5f5;--gray-dark:#333;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:Georgia,Times New Roman,serif;overflow-x:hidden}body{color:var(--black);background:var(--white);line-height:1.6}a{color:inherit;text-decoration:none}.nav{background:var(--white);border-bottom:1px solid var(--gray-light);z-index:100;padding:1.5rem 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.nav-logo{align-items:center;display:flex}.nav-logo img{width:auto;height:60px}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{text-transform:uppercase;letter-spacing:1px;transition:var(--transition);border-bottom:2px solid #0000;padding:.5rem 0;font-size:.9rem}.nav-link:hover,.nav-link.active{border-bottom-color:var(--black)}.lang-switcher{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.lang-btn{cursor:pointer;text-transform:uppercase;letter-spacing:1px;color:var(--gray-dark);transition:var(--transition);background:0 0;border:none;font-size:.85rem}.lang-btn:hover{color:var(--black)}.lang-divider{color:var(--gray-light)}.obama-button{background:var(--black);color:var(--white);text-transform:uppercase;letter-spacing:2px;border:2px solid var(--black);cursor:pointer;transition:var(--transition);padding:1rem 2rem;font-size:.9rem;font-weight:700;display:inline-block}.obama-button:hover{background:var(--white);color:var(--black)}.main{min-height:calc(100vh - 200px)}.home-page{min-height:80vh;padding:2rem}.hero{text-align:center;justify-content:center;align-items:center;display:flex}.hero-content{align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:flex}.hero-image-container{flex-shrink:0;width:350px;height:450px;position:relative}.hero-image-container:after{content:"";pointer-events:none;background:linear-gradient(#0000,#fff);height:150px;position:absolute;bottom:0;left:0;right:0}.hero-image{object-fit:cover;border-radius:4px}.hero-text{text-align:left}.hero-title{letter-spacing:2px;margin-bottom:1rem;font-size:2.5rem;font-weight:400;line-height:1.3}.hero-subtitle{color:var(--gray-dark);margin-bottom:2rem;font-size:1.25rem;font-style:italic}.mission{border-top:1px solid var(--gray-light);max-width:800px;margin:2rem auto 0;padding:4rem 2rem}.quote-container{text-align:center}.quote-text{color:var(--gray-dark);font-size:1.5rem;font-style:italic;line-height:1.8}.quote-segment{opacity:0;animation:.6s forwards fadeInUp;display:inline-block;transform:translateY(20px)}.quote-segment.bold{color:var(--black);font-weight:700}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.signature{margin-top:2rem}.signature img{max-width:200px;height:auto}.typing-wrapper{display:inline}.typing-text{opacity:0;animation:.3s forwards textFadeIn}.typing-text.done{opacity:1}.typing-cursor{opacity:1;margin-left:2px;animation:.8s step-end infinite cursorBlink;display:inline-block}.typing-cursor.hide{opacity:0;animation:none}@keyframes textFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.about-banner{border-top:5px solid var(--black);border-bottom:5px solid var(--black);background:var(--white);padding:4rem 2rem;animation:3s ease-in-out infinite borderPulse}.about-banner-content{align-items:flex-start;gap:3rem;max-width:800px;margin:0 auto;display:flex}.about-banner-content h2{letter-spacing:4px;text-transform:uppercase;flex-shrink:0;width:140px;margin:0;font-size:1.2rem;font-weight:900}.about-banner-right{flex:1}.about-banner-content p{color:var(--gray-dark);margin:0 0 1rem;font-size:1.1rem;line-height:1.8}.arrow-link{text-transform:uppercase;letter-spacing:2px;color:var(--black);transition:var(--transition);align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;display:inline-flex}.arrow-link svg{width:20px;height:20px;transition:transform .3s}.arrow-link:hover{color:var(--gray-dark)}.arrow-link:hover svg{transform:translate(5px)}@keyframes borderPulse{0%,to{border-top-color:var(--black);border-bottom-color:var(--black)}50%{border-top-color:var(--gray-dark);border-bottom-color:var(--gray-dark)}}.news-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:2rem;display:grid}.news-card{background:var(--white);border:1px solid var(--gray-light);opacity:0;transition:all .6s;transform:translateY(30px)}.news-card.visible{opacity:1;transform:translateY(0)}.news-image{background:var(--gray-light);width:100%;height:200px;overflow:hidden}.news-placeholder{background:linear-gradient(135deg,var(--gray-light)0%,#e8e8e8 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.news-placeholder span{color:var(--gray-dark);text-transform:uppercase;letter-spacing:2px;font-size:.9rem}.news-content{padding:1.5rem}.news-date{color:var(--gray-dark);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;font-size:.8rem;display:block}.news-content h2{letter-spacing:1px;margin-bottom:1rem;font-size:1.25rem;font-weight:700;line-height:1.4}.news-content p{color:var(--gray-dark);margin-bottom:1.5rem;font-size:.95rem;line-height:1.7}.banner-sections{grid-template-columns:1fr 1fr;gap:3rem;max-width:800px;margin:0 auto;padding:4rem 2rem;display:grid}.banner-item{flex-direction:column;display:flex;position:relative}.banner-image{width:100%;height:250px;margin-bottom:1rem;overflow:hidden}.banner-image img{object-fit:cover;width:100%;height:100%}.banner-text{flex:1;padding:0}.banner-text h3{letter-spacing:2px;text-transform:uppercase;color:var(--black);margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.banner-text p{color:var(--gray-dark);margin-bottom:1rem;font-size:.95rem;line-height:1.6}.banner-text .arrow-link{color:var(--black)}.banner-text .arrow-link:hover{color:var(--gray-dark)}.opc-section{background:#00b894;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative;overflow:hidden}.opc-bg{z-index:1;position:absolute;inset:0}.opc-bg svg{object-fit:cover;opacity:.15;width:100%;height:100%}.opc-content{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:600px;padding:4rem;display:flex;position:relative}.opc-label{text-transform:uppercase;letter-spacing:3px;color:var(--white);opacity:.9;margin-bottom:1rem;font-size:.85rem}.opc-title{letter-spacing:2px;color:var(--white);margin-bottom:1rem;font-size:2.5rem;font-weight:400;line-height:1.2}.opc-subtitle{color:var(--white);opacity:.95;margin-bottom:2rem;font-size:1.1rem;font-style:italic;line-height:1.6}.opc-content .obama-button{align-self:center}.about-content{max-width:800px;margin:0 auto;padding:2rem 0}.about-section{background:var(--white);border-left:4px solid var(--black);margin-bottom:3rem;padding:2rem}.about-section h2{letter-spacing:1px;text-transform:uppercase;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.about-section p{color:var(--gray-dark);font-size:1.1rem;line-height:1.8}.about-cta{text-align:center;margin-top:3rem}.animate-slide-in{opacity:0;animation:.8s forwards slideIn;transform:translate(-50px)}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.animate-scroll-in{opacity:0;transition:all .8s;transform:translate(-100px)}.animate-scroll-in.visible{opacity:1;transform:translate(0)}.hero{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.hero.animate-in{opacity:1;transform:translateY(0)}.mission{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(60px)scale(.98)}.mission.animate-in{opacity:1;transform:translateY(0)scale(1)}.about-banner{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translate(-80px)}.about-banner.animate-in{opacity:1;transform:translate(0)}.banner-sections{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(50px)}.banner-sections.animate-in{opacity:1;transform:translateY(0)}.opc-section{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:scale(.96)}.opc-section.animate-in{opacity:1;transform:scale(1)}.banner-item{opacity:0;transition:opacity .6s ease-out .2s,transform .6s ease-out .2s;transform:translateY(30px)}.banner-sections.animate-in .banner-item{opacity:1;transform:translateY(0)}.banner-item:nth-child(2){transition-delay:.3s}.content-section .subtitle{color:var(--gray-dark);margin-top:-1rem;margin-bottom:2rem;font-size:1.2rem;font-style:italic}.page{padding:4rem 2rem}.content-section{text-align:center;max-width:800px;margin:0 auto}.content-section h1{letter-spacing:2px;margin-bottom:1.5rem;font-size:2.5rem;font-weight:400}.content-section p{color:var(--gray-dark);margin-bottom:2rem;font-size:1.1rem}.footer{background:var(--black);color:var(--white);text-align:center;padding:2rem 0}.footer-container{letter-spacing:1px;max-width:1200px;margin:0 auto;padding:0 2rem;font-size:.85rem}.footer-social{justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}.social-link{border:2px solid var(--white);width:36px;height:36px;color:var(--white);transition:var(--transition);border-radius:0;justify-content:center;align-items:center;display:flex}.social-link svg{width:18px;height:18px}.social-link:hover{background:var(--white);color:var(--black)}.footer-quote{margin-bottom:1.5rem}.footer-quote p{color:var(--white);opacity:.9;margin:0;font-size:1.1rem;font-style:italic}.footer-links{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:1.5rem;display:flex}.footer-links a{color:var(--white);text-transform:uppercase;letter-spacing:1px;transition:var(--transition);border-bottom:2px solid #0000;padding:.5rem 0;font-size:.9rem}.footer-links a:hover{border-bottom-color:var(--white)}.footer-copyright{opacity:.7;margin-top:1rem}.contact-container{max-width:600px;margin:0 auto;padding:2rem 0}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:700}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--gray-light);transition:var(--transition);background:var(--white);border-radius:0;padding:1rem;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--black);outline:none}.form-group textarea{resize:vertical;min-height:120px}.file-upload{position:relative}.file-upload input[type=file]{cursor:pointer;width:100%;padding:.75rem}.file-selected{background:var(--gray-light);justify-content:space-between;align-items:center;margin-top:.5rem;padding:.75rem 1rem;display:flex}.file-selected span{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.remove-file{cursor:pointer;color:var(--gray-dark);transition:var(--transition);background:0 0;border:none;font-size:1.5rem}.remove-file:hover{color:var(--black)}.file-hint{color:var(--gray-dark);font-size:.8rem;font-style:italic}.submit-btn{align-self:center;min-width:200px}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-message{background:var(--gray-light);text-align:center;color:var(--black);padding:1rem;font-size:1rem}@media (max-width:768px){.nav-container{flex-direction:column;gap:1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.hero-content{text-align:center;flex-direction:column;gap:2rem}.hero-image-container{width:280px;height:360px}.hero-text{text-align:center}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1rem}.content-section h1{font-size:2rem}.about-banner-content{flex-direction:column;gap:1rem}.about-banner-content h2{width:auto}.about-banner-right{width:100%}.news-grid{grid-template-columns:1fr;padding:1rem}.news-card{width:100%;max-width:400px;margin:0 auto}.banner-sections{grid-template-columns:1fr}.banner-image{height:250px}.banner-text{padding:1.5rem}.banner-text h3{font-size:1rem}.banner-sections{grid-template-columns:1fr;gap:2rem;padding:2rem 1rem}.opc-section{flex-direction:column;min-height:500px;position:relative}.opc-bg{width:100%;height:100%;position:absolute!important;inset:0!important}.opc-bg svg{object-fit:cover;width:100%!important;height:100%!important}.opc-content{max-width:100%;padding:4rem 2rem}.opc-title{font-size:1.8rem}.opc-subtitle{font-size:1rem}}