*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #16a34a;--dark-gray: #32373c;--light-gray: #abb8c3;--text-dark: #333;--text-light: #444;--white: #ffffff;--background: #f8f9fa}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-dark);line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--primary-blue);text-decoration:none;transition:color .3s ease}a:hover{color:#15803d}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:1rem;color:var(--text-dark)}p{margin-bottom:1rem}button{cursor:pointer;font-family:inherit}img{max-width:100%;height:auto}.header{background-color:var(--white);box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:3rem}.logo{text-decoration:none;display:flex;align-items:center}.logo-image{height:50px;width:auto;object-fit:contain}.nav{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.nav-link{color:var(--text-dark);text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem 0;transition:color .3s ease;position:relative}.nav-link:hover,.nav-link.active{color:var(--primary-blue)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--primary-blue)}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;gap:.4rem;z-index:1001}.hamburger-line{width:25px;height:3px;background-color:var(--text-dark);transition:all .3s ease;border-radius:2px}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media(max-width:968px){.hamburger{display:flex}.nav{position:fixed;top:0;right:-100%;height:100vh;width:70%;max-width:300px;background-color:var(--white);flex-direction:column;align-items:flex-start;padding:5rem 2rem 2rem;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;gap:1.5rem}.nav.open{right:0}.nav-link{font-size:1rem;width:100%;padding:.75rem 0}}.footer{background-color:#131e49;color:var(--white);margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:start}.footer-section h3{color:var(--white);margin-bottom:.75rem;font-size:1.1rem}.footer-section ul{list-style:none;padding:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:var(--light-gray);text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:var(--primary-blue)}.footer-section p{color:var(--light-gray);line-height:1.8}.footer-logo-section{display:flex;align-items:flex-start;justify-content:flex-start}.footer-logo{max-width:200px;height:auto;filter:brightness(0) invert(1)}.footer-discover-logo{max-width:150px;height:auto;margin-top:1rem;display:block}.footer-partners-logo{max-width:350px;height:auto;margin-top:-1rem;display:block}.footer-bottom{background:var(--white);border-top:1px solid #e0e0e0;padding:1.5rem 0}.footer-bottom .footer-container{display:flex;justify-content:center;align-items:center;padding:0 2rem;gap:1rem}.footer-links{display:flex;gap:1rem;align-items:center}.footer-links a{color:var(--text-dark);transition:color .3s ease}.footer-links a:hover{color:var(--primary)}.footer-links span{color:var(--text-dark)}@media(max-width:768px){.footer-container{grid-template-columns:1fr;padding:2rem 1rem}.footer-logo-section{justify-content:center}.footer-bottom .footer-container{flex-direction:column;text-align:center}}.home{flex:1}.hero-section{width:100%;position:relative}.hero-image-wrapper{position:relative;width:100%;height:600px;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;display:block}.hero-title-container{position:absolute;top:10%;left:50%;transform:translate(-50%);text-align:center;z-index:1;width:90%;max-width:1200px}.hero-title{font-size:3rem;font-weight:700;color:var(--white);text-shadow:2px 2px 8px rgba(0,0,0,.6);margin:0 0 .5rem}.hero-subtitle{font-size:1.25rem;font-weight:400;color:var(--white);text-shadow:2px 2px 6px rgba(0,0,0,.6);margin:0}.info-boxes-grid{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:90%;max-width:1200px;padding:2rem}.info-box{background:#ffffffb0;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.info-box:hover{transform:translateY(-5px);box-shadow:0 4px 16px #00000026}.info-number{font-size:1.5rem;color:#16a34a;margin-bottom:.35rem;font-weight:700}.info-number-green{color:#16a34a}.info-description{color:#1f2937;font-size:.95rem;margin:0;line-height:1.4}.info-description-green{color:#16a34a}.info-description-large{font-size:1.5rem;font-weight:700}.hero{background:linear-gradient(135deg,#0693e3,#0575bd);color:var(--white);padding:6rem 2rem;text-align:center}.hero-content{max-width:900px;margin:0 auto}.hero h1{font-size:2.5rem;margin-bottom:1.5rem;color:var(--white);font-weight:700}.hero-text{font-size:1.25rem;line-height:1.8;margin-bottom:0}.content-section{padding:4rem 2rem}.content-section.bg-light{background-color:var(--background)}.container{max-width:1200px;margin:0 auto}.container h2{font-size:2rem;margin-bottom:2rem;text-align:center;color:var(--text-dark)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.stat-card{background:var(--white);padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 4px 16px #00000026}.stat-card h3{font-size:2.5rem;color:var(--primary-blue);margin-bottom:.5rem}.stat-card p{color:var(--text-light);font-size:1rem;margin:0}.timeline{max-width:800px;margin:0 auto}.timeline-item{display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e0e0e0}.timeline-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.timeline-year{font-size:1.5rem;font-weight:700;color:var(--primary-blue);min-width:80px}.timeline-content h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-dark)}.timeline-content p{color:var(--text-light);margin:0}.lead-text{font-size:1.15rem;line-height:1.8;text-align:center;max-width:800px;margin:0 auto;color:var(--text-light)}.strategic-text{font-size:1.15rem;line-height:1.8;text-align:left;max-width:1000px;color:var(--text-light)}@media(max-width:768px){.hero{padding:4rem 1rem}.hero h1{font-size:1.75rem}.hero-text{font-size:1rem}.hero-image-wrapper{height:400px}.hero-title-container{top:8%}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:1rem}.info-boxes-grid{grid-template-columns:1fr;gap:1rem;padding:1rem;width:95%}.info-box{padding:.75rem}.info-boxes-grid{grid-template-columns:repeat(2,1fr);top:60%}.info-number{font-size:1.25rem}.info-description{font-size:.8rem}.content-section{padding:3rem 1rem}.container h2{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.timeline-item{flex-direction:column;gap:.5rem}.timeline-year{font-size:1.25rem}}.about{flex:1}.projects-table{width:100%;border-collapse:collapse;margin-top:2rem}.projects-table td{padding:2rem;vertical-align:top}.page-header{background:linear-gradient(135deg,#16a34a,#15803d);color:var(--white);padding:4rem 2rem;text-align:center}.page-header h1{font-size:2.5rem;margin:0;color:var(--white)}.two-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:2rem}.column h3{color:var(--primary-blue);margin-bottom:1.5rem}.project-item{margin-bottom:2rem}.project-item h4{color:var(--text-dark);margin-bottom:.5rem}.project-item p{color:var(--text-light)}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.contact-item{background:var(--white);padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center}.contact-item h3{color:var(--primary-blue);font-size:1.25rem;margin-bottom:1rem}.contact-item p{margin:0;color:var(--text-dark)}.contact-item a{word-break:break-all}.image-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0}.image-block{border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.image-placeholder{background:linear-gradient(135deg,#e0e0e0,silver);height:250px;display:flex;align-items:center;justify-content:center;color:#666;font-size:1rem}.timeline{margin-top:3rem;position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-blue)}.timeline-item{margin-bottom:3rem;position:relative}.timeline-item:before{content:"";position:absolute;left:-2.5rem;top:0;width:16px;height:16px;border-radius:50%;background:var(--primary-blue);border:3px solid var(--white);box-shadow:0 0 0 3px var(--primary-blue)}.timeline-year{font-size:1.5rem;font-weight:700;color:var(--primary-blue);margin-bottom:.5rem}.timeline-content h3{color:var(--text-dark);margin-bottom:.75rem;font-size:1.25rem}.timeline-content p{color:var(--text-light);line-height:1.6}.zandkopsdrift-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.about .lead-text{text-align:left;max-width:100%;margin:0 0 1.5rem}.about .lead-text:last-of-type{margin-bottom:0}.strategic-milestones-section{background-color:var(--background);padding-top:2rem}.milestones-header{text-align:center;margin-bottom:3rem}.milestones-header h2{font-size:2.5rem;color:#1b2a49;margin-bottom:.5rem}.milestones-subtitle{color:var(--primary-blue);font-size:1.25rem;margin:0}.milestones-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}.milestone-card{background:var(--white);border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border:2px solid}.milestone-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #00000026}.komir-card{border-color:#1b2a49}.idc-card{border-color:var(--primary-blue)}.eu-card{border-color:#1b2a49}.eu-card .milestone-content{padding-top:1.5rem}.idc-card .milestone-icon{margin-top:.5rem}.milestone-content{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-start}.milestone-icon{width:64px;height:auto;margin-bottom:1rem}.milestone-card h3{font-size:1.25rem;color:var(--primary-blue);margin-bottom:1rem;min-height:3rem;display:flex;align-items:center;justify-content:center}.komir-card h3,.eu-card h3{color:#1b2a49}.milestone-card p{color:#1b2a49;line-height:1.7;margin:0}.milestone-card strong{color:#1b2a49;font-weight:600}@media(max-width:968px){.milestones-grid{grid-template-columns:1fr}.milestones-header h2{font-size:2rem}}@media(max-width:768px){.projects-table tr{display:flex;flex-direction:column}.image-cell,.text-cell{width:100%;padding:1rem}.text-cell{padding-left:1rem}.page-header{padding:3rem 1rem}.page-header h1{font-size:1.75rem}.two-column{grid-template-columns:1fr;gap:2rem}.image-blocks{grid-template-columns:1fr}.timeline{padding-left:1.5rem}.timeline-item:before{left:-2rem}.zandkopsdrift-info{grid-template-columns:1fr}}.project{flex:1}.projects-table{width:100%;border-collapse:collapse;margin-top:1rem}.projects-table tr{border-bottom:1px solid #e5e7eb}.projects-table tr:last-child{border-bottom:none}.projects-table td{padding:1.25rem 2rem;vertical-align:top}.image-cell{width:40%}.image-cell img{width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block}.text-cell{width:60%;padding-left:3rem}.text-cell h3{color:var(--primary-blue);font-size:1.5rem;margin-bottom:1rem}.text-cell p{color:var(--text-light);line-height:1.8;margin:0}.project-images-section{padding:3rem 2rem;background:var(--background)}.project-images-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.project-image-item{background:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.project-image-item:hover{transform:translateY(-5px);box-shadow:0 4px 20px #00000026}.project-image-item img{width:100%;height:250px;object-fit:cover;display:block}.image-text-box{padding:1.5rem;background:var(--white)}.image-text-box h3{color:var(--primary);font-size:1.2rem;margin-bottom:.5rem}.image-text-box p{color:var(--text-light);margin:0;font-size:.95rem}.text-boxes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem 0}.text-content-box{background:var(--background);padding:2rem;border-radius:8px;border-left:4px solid var(--primary);transition:transform .3s ease}.text-content-box:hover{transform:translate(5px)}.text-content-box h3{color:var(--primary);font-size:1.2rem;margin-bottom:.75rem}.text-content-box p{color:var(--text-light);margin:0}.highlight-box{background:linear-gradient(135deg,#16a34a,#15803d);color:var(--white);padding:2.5rem;border-radius:8px;margin:2rem 0}.highlight-box h3{color:var(--white);margin-bottom:1.5rem;font-size:1.5rem}.production-list{list-style:none;padding:0;margin:1.5rem 0}.production-list li{padding:.75rem 0;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.2)}.production-list li:last-child{border-bottom:none}.mine-life{margin-top:1.5rem;font-size:1.15rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.3)}.reserves-table-wrapper{overflow-x:auto;margin-top:0;margin-bottom:1.5rem;display:flex;justify-content:center}.reserves-table{width:100%;max-width:800px;margin:0;background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000001a;border-collapse:separate;border-spacing:0;border:1px solid #e5e7eb}.reserves-table thead{background:#1e3a5f;color:var(--white)}.reserves-table th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem;width:33.33%}.reserves-table th.th-first{border-top-left-radius:16px}.reserves-table th.th-grade{background:#16a34a;color:var(--white);border-top-right-radius:16px}.reserves-table td{padding:.75rem 1rem;border-top:1px solid #e5e7eb;color:#1f2937;font-size:.875rem;width:33.33%}.reserves-table tbody tr:hover{background:#f9fafb}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.highlight-card{background:var(--white);padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center;transition:transform .3s ease}.highlight-card:hover{transform:translateY(-5px)}.highlight-card h3{color:var(--primary-blue);font-size:1.25rem;margin-bottom:1rem}.highlight-card p{color:var(--text-light);margin:0}.elements-box{background:var(--background);padding:2rem;border-radius:8px;margin-top:2rem}.elements-box h3{color:var(--primary-blue);text-align:center;margin-bottom:1.5rem}.elements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.element-item{background:var(--white);padding:1.5rem;border-radius:8px;text-align:center;font-weight:600;color:var(--text-dark);box-shadow:0 2px 4px #0000001a}.timeline-box{background:var(--white);padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:700px;margin:2rem auto}.timeline-row{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.timeline-row:last-child{border-bottom:none}.timeline-label{font-weight:600;color:var(--text-dark)}.timeline-value{color:var(--primary-blue);font-weight:600}.partners-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;margin-top:2rem}.partner-item{background:var(--white);padding:1.5rem;border-radius:8px;text-align:center;font-weight:500;color:var(--text-dark);box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.partner-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.zandkopsdrift-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem;margin-bottom:0}.info-card{background:var(--white);padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.info-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.info-card h3{color:var(--primary-blue);margin-bottom:1rem;font-size:1.25rem}.info-card p{color:var(--text-light);line-height:1.6}.project-overview-content{max-width:900px;margin:0 auto}.project-overview-content p{color:var(--text-light);line-height:1.8;margin-bottom:1.5rem}.project-overview-content h3{color:var(--primary-blue);font-size:1.4rem;margin-top:2.5rem;margin-bottom:1rem}.production-list-new{list-style:none;padding:0;margin:1.5rem 0}.production-list-new li{padding:.75rem 0 .75rem 1.5rem;position:relative;color:var(--text-dark);line-height:1.8}.production-list-new li:before{content:"•";position:absolute;left:0;color:var(--primary-blue);font-size:1.5rem;line-height:1.8}.studies-list,.esg-list,.timeline-list{list-style:none;padding:0;margin:1rem 0 2rem}.studies-list li,.esg-list li,.timeline-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-light);line-height:1.8}.studies-list li:before,.esg-list li:before,.timeline-list li:before{content:"•";position:absolute;left:0;color:var(--primary-blue);font-size:1.5rem;line-height:1.8}.highlight-text{background:linear-gradient(135deg,#16a34a,#15803d);color:var(--white);padding:1.5rem;border-radius:8px;margin:2rem 0;font-weight:500;line-height:1.8}.lead-text-full-width{color:var(--text-light);line-height:1.8;margin-bottom:2rem;text-align:left;max-width:100%}.project-details-content{max-width:900px;margin:0 auto}.project-details-content h3{color:var(--primary-blue);font-size:1.3rem;margin-top:0;margin-bottom:1rem;font-weight:600}.project-details-content h3:first-child{margin-top:0}.project-details-content h3:not(:first-child){margin-top:2rem}.project .content-section:last-of-type{padding-top:1.5rem}.project-details-content p{color:var(--text-light);line-height:1.8;margin-bottom:1.5rem}.development-schedule{list-style:none;padding:0;margin:1.5rem 0}.development-schedule li{padding:.75rem 0 .75rem 1.5rem;position:relative;color:var(--text-light);line-height:1.8}.development-schedule li{padding:.5rem 0 .5rem 2rem;position:relative;color:var(--text-light);line-height:1.8}.development-schedule li:before{content:"•";position:absolute;left:0;top:.5rem;color:var(--primary-blue);font-size:1.5rem;line-height:1}@media(max-width:968px){.project-images-grid,.text-boxes-grid{grid-template-columns:1fr}}@media(max-width:768px){.projects-table tr{display:flex;flex-direction:column}.image-cell,.text-cell{width:100%;padding:1rem}.text-cell{padding-left:1rem}.project-images-section{padding:2rem 1rem}.project-images-grid,.text-boxes-grid{grid-template-columns:1fr;gap:1.5rem}.highlight-box{padding:1.5rem}.highlights-grid,.elements-grid{grid-template-columns:1fr}.timeline-row{flex-direction:column;gap:.5rem;text-align:center}.partners-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.zandkopsdrift-info{grid-template-columns:1fr}.project .page-header h1{font-size:1.5rem}}.management{flex:1}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.team-member{background:var(--white);border-radius:8px;box-shadow:0 2px 12px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.team-member:hover{transform:translateY(-5px);box-shadow:0 4px 20px #00000026}.member-image{width:250px;height:250px;object-fit:cover;object-position:center top;display:block;background:var(--background);border:4px solid #e5e7eb;box-sizing:border-box;border-radius:50%;margin:2rem auto 0}.philip-kenny-image{object-position:center 30%}.member-image-placeholder{background:linear-gradient(135deg,#e0e0e0,silver);width:200px;height:200px;display:flex;align-items:center;justify-content:center;color:#666;font-size:1.1rem;font-weight:500;border-radius:50%;margin:2rem auto 0}.member-content{padding:0}.member-header{background:linear-gradient(135deg,#16a34a,#15803d);color:var(--white);padding:2rem;text-align:center}.member-header h2{font-size:1.75rem;margin-bottom:.5rem;color:var(--white)}.member-header h3{font-size:1.1rem;font-weight:500;opacity:.95;margin:0;color:var(--white)}.member-bio{padding:2rem}.member-bio p{color:var(--text-light);line-height:1.7;margin-bottom:1.25rem}.member-bio p:last-child{margin-bottom:0}@media(max-width:1024px){.team-grid{grid-template-columns:1fr}}@media(max-width:768px){.team-grid{grid-template-columns:1fr;gap:1.5rem}.member-image{width:150px;height:150px}.member-image-placeholder{width:150px;height:150px;font-size:.9rem}.member-header{padding:1.5rem}.member-header h2{font-size:1.5rem}.member-header h3{font-size:1rem}.member-bio{padding:1.5rem}}.esg{flex:1}.esg .page-header{background:linear-gradient(135deg,#16a34a,#15803d);color:var(--white);padding:4rem 2rem;text-align:center}.esg .page-header h1{font-size:2.5rem;margin:0;color:var(--white)}.esg .content-section{padding:4rem 2rem}.esg .content-wrapper{max-width:1200px;margin:0 auto}.esg .content-wrapper p{font-size:1.125rem;line-height:1.8;color:var(--text-light);margin-bottom:1.5rem;text-align:left}.esg .content-wrapper p:last-child{margin-bottom:0}@media(max-width:768px){.esg .page-header{padding:3rem 1rem}.esg .page-header h1{font-size:1.75rem}.esg .content-section{padding:3rem 1rem}.esg .content-wrapper p{font-size:1rem}}.documents{flex:1}.documents-list{margin-top:3rem}.document-item{background:var(--white);border-radius:8px;box-shadow:0 2px 12px #0000001a;padding:2rem;display:flex;align-items:center;gap:2rem;margin-bottom:2rem;transition:transform .3s ease,box-shadow .3s ease}.document-item:hover{transform:translateY(-3px);box-shadow:0 4px 20px #00000026}.document-icon{width:60px;height:60px;background:linear-gradient(135deg,#16a34a,#15803d);color:var(--white);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.document-icon svg{width:32px;height:32px}.document-info{flex:1}.document-info h3{color:var(--text-dark);font-size:1.25rem;margin-bottom:.5rem}.document-meta{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.document-meta span{font-size:.9rem;color:var(--text-light);padding:.25rem .75rem;background:var(--background);border-radius:4px}.document-type{color:var(--primary-blue)!important;font-weight:600}.document-info p{color:var(--text-light);line-height:1.6;margin:0}.download-button{padding:.75rem 2rem;background:linear-gradient(135deg,#16a34a,#15803d);color:var(--white);border:none;border-radius:6px;font-weight:600;font-size:1rem;transition:opacity .3s ease,transform .2s ease;flex-shrink:0}.download-button:hover{opacity:.9;transform:scale(1.05)}@media(max-width:768px){.document-item{flex-direction:column;text-align:center;gap:1.5rem}.document-meta{justify-content:center}.download-button{width:100%}}.admin-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px)}.admin-container h1{color:#00003d;margin-bottom:1.5rem;text-align:center}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center;border-bottom:2px solid #e0e0e0}.tab-button{background:none;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;color:#666;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;position:relative;bottom:-2px}.tab-button:hover{color:#00003d}.tab-button.active{color:#00003d;border-bottom-color:#00003d}.admin-loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.5rem;color:#666}.admin-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.admin-form-section,.admin-list-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.admin-form-section h2,.admin-list-section h2{color:#00003d;margin-bottom:1.5rem;font-size:1.5rem}.slide-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-weight:600;color:#333}.form-group input,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#00003d}.form-group small{color:#666;font-size:.875rem}.form-actions{display:flex;gap:1rem;margin-top:1rem}.btn-primary,.btn-secondary,.btn-edit,.btn-delete{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary{background-color:#00003d;color:#fff}.btn-primary:hover{background-color:#005}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.no-slides{text-align:center;color:#666;padding:2rem}.slides-list{display:flex;flex-direction:column;gap:1rem}.slide-item{display:flex;gap:1rem;padding:1rem;border:1px solid #ddd;border-radius:8px;transition:box-shadow .3s ease}.slide-item:hover{box-shadow:0 4px 12px #0000001a}.slide-preview{flex-shrink:0;width:120px;height:80px;border-radius:4px;overflow:hidden}.slide-preview img{width:100%;height:100%;object-fit:cover}.slide-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.slide-order-badge{display:inline-block;background-color:#00003d;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600;width:fit-content}.slide-caption-preview{color:#333;margin:0;flex:1}.slide-actions{display:flex;gap:.5rem}.btn-edit{background-color:#06c;color:#fff;padding:.5rem 1rem}.btn-edit:hover{background-color:#0052a3}.btn-delete{background-color:#dc3545;color:#fff;padding:.5rem 1rem}.btn-delete:hover{background-color:#c82333}.contacts-section{width:100%}.contacts-section h2{color:#00003d;margin-bottom:1.5rem;font-size:1.5rem}.no-submissions{text-align:center;color:#666;padding:2rem}.submissions-list{display:flex;flex-direction:column;gap:1.5rem}.submission-item{background:#fff;border:1px solid #ddd;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;transition:box-shadow .3s ease}.submission-item:hover{box-shadow:0 4px 12px #0000001a}.submission-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.submission-meta{display:flex;flex-direction:column;gap:.25rem}.submission-name{font-size:1.25rem;font-weight:600;color:#00003d}.submission-date{font-size:.875rem;color:#666}.btn-delete-small{background-color:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.btn-delete-small:hover{background-color:#c82333}.submission-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{display:grid;grid-template-columns:120px 1fr;gap:1rem;align-items:start}.detail-row strong{color:#333;font-weight:600}.detail-row span,.detail-row a{color:#555}.detail-row a{color:#06c;text-decoration:none}.detail-row a:hover{text-decoration:underline}.message-row{grid-template-columns:120px 1fr}.message-row p{margin:0;color:#555;line-height:1.6;white-space:pre-wrap}@media(max-width:1024px){.admin-content{grid-template-columns:1fr}}@media(max-width:768px){.admin-container{padding:1rem}.admin-form-section,.admin-list-section{padding:1.5rem}.slide-item{flex-direction:column}.slide-preview{width:100%;height:150px}.admin-tabs{flex-direction:column;gap:0}.tab-button{padding:.75rem 1rem;border-bottom:1px solid #e0e0e0;border-right:3px solid transparent}.tab-button.active{border-bottom:1px solid #e0e0e0;border-right-color:#00003d}.detail-row{grid-template-columns:1fr;gap:.25rem}.submission-header{flex-direction:column;gap:1rem}.btn-delete-small{width:100%}}.contact{min-height:100vh}.contact .content-section{padding-top:2rem}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;margin-top:2rem}.contact-info{display:flex;flex-direction:column;gap:.5rem}.contact-info h2{font-size:2rem;color:var(--primary);margin-bottom:.5rem;text-align:left}.contact-info .lead-text{text-align:left}.info-item{padding:1.25rem;background:#f8f9fa;border-radius:8px;border-left:4px solid var(--primary)}.info-item h3{font-size:1.1rem;color:var(--primary);margin-bottom:.25rem}.info-item p{margin:0;color:var(--text-dark)}.info-item a{color:var(--primary);text-decoration:none;transition:color .3s ease}.info-item a:hover{color:#1565c0}.contact-form-wrapper{background:#fff;padding:2.5rem;border-radius:8px;box-shadow:0 2px 10px #0000000d}.contact-form-wrapper h2{font-size:2rem;color:var(--primary);margin-bottom:1.5rem}.success-message{background:#d4edda;color:#155724;padding:1rem;border-radius:4px;margin-bottom:1.5rem;border:1px solid #c3e6cb}.error-message{background:#f8d7da;color:#721c24;padding:1rem;border-radius:4px;margin-bottom:1.5rem;border:1px solid #f5c6cb}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-dark);font-size:.95rem}.form-group input,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1e90ff1a}.form-group textarea{resize:vertical;min-height:120px}.submit-button{background:var(--primary);color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:4px;cursor:pointer;transition:background .3s ease,transform .2s ease;align-self:flex-start}.submit-button:hover{background:#1565c0;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.submit-button:disabled:hover{background:#ccc;transform:none}@media(max-width:968px){.contact-grid{grid-template-columns:1fr;gap:3rem}.contact-form-wrapper{padding:2rem}}@media(max-width:768px){.contact-info h2,.contact-form-wrapper h2{font-size:1.5rem}.contact-form-wrapper{padding:1.5rem}.submit-button{width:100%}}.disclaimer{flex:1}.disclaimer-content{max-width:1000px;margin:0 auto}.disclaimer-content h2{color:var(--primary-blue);font-size:2rem;margin-top:0;margin-bottom:1.5rem;text-align:left}.disclaimer-content h3{color:var(--primary-blue);font-size:1.5rem;margin-top:2.5rem;margin-bottom:1rem}.disclaimer-content h4{color:var(--text-dark);font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem}.disclaimer-content p{color:var(--text-light);line-height:1.8;margin-bottom:1rem;text-align:left}.disclaimer-content ul{color:var(--text-light);line-height:1.8;margin-bottom:1rem;padding-left:2rem}.disclaimer-content li{margin-bottom:.5rem}.disclaimer-emphasis{font-weight:600;color:var(--text-dark)}@media(max-width:768px){.disclaimer-content h2{font-size:1.5rem}.disclaimer-content h3{font-size:1.25rem;margin-top:2rem}.disclaimer-content h4{font-size:1.1rem}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column}
