.home{width:100%;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.highlight{color:#ffc107}.navbar{position:fixed;top:0;left:0;right:0;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 0;z-index:1000;border-bottom:2px solid #FFC107}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700}.logo-img{height:50px;width:auto;object-fit:contain;background:#fff;padding:8px 12px;border-radius:8px;box-shadow:0 2px 8px #0003;transition:transform .3s ease,box-shadow .3s ease}.logo-img:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.nav-menu{display:flex;list-style:none;gap:2rem;align-items:center}.nav-menu a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s;padding:.5rem 1rem}.nav-menu a:hover{color:#ffc107}.cta-button{background:#ffc107;color:#0a0a0a!important;padding:.75rem 1.5rem!important;border-radius:5px;font-weight:700!important;transition:transform .3s,box-shadow .3s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ffc10766}.hero{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);overflow:hidden}.hero-slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out}.hero-slide.active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover;filter:brightness(.4)}.hero-slider-dots{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:3}.hero-slider-dots .dot{width:12px;height:12px;border-radius:50%;border:2px solid #FFC107;background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.hero-slider-dots .dot.active{background:#ffc107;transform:scale(1.2)}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,193,7,.03) 10px,rgba(255,193,7,.03) 20px)}.hero-overlay{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(255,193,7,.2) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite;z-index:1}.hero-content{text-align:center;z-index:2;max-width:900px;padding:0 2rem;position:relative}.hero-title{font-size:4rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;animation:fadeInUp 1s ease-out}.hero-subtitle{font-size:1.3rem;color:#ccc;margin-bottom:2.5rem;animation:fadeInUp 1s ease-out .2s both}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;animation:fadeInUp 1s ease-out .4s both}.btn{padding:1rem 2.5rem;border-radius:5px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s;border:2px solid transparent}.btn-primary{background:#ffc107;color:#0a0a0a;border-color:#ffc107}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ffc10766}.btn-secondary{background:transparent;color:#ffc107;border-color:#ffc107}.btn-secondary:hover{background:#ffc107;color:#0a0a0a;transform:translateY(-3px)}.hero-scroll{position:absolute;bottom:2rem;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#ffc107;animation:fadeInUp 1s ease-out .6s both;z-index:2}.scroll-indicator{width:2px;height:30px;background:linear-gradient(to bottom,#FFC107,transparent);animation:scrollDown 2s ease-in-out infinite}.services{padding:6rem 0;background:#0a0a0a}.section-title{font-size:3rem;text-align:center;margin-bottom:1rem}.section-subtitle{text-align:center;color:#ccc;font-size:1.2rem;margin-bottom:4rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.service-card{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);padding:0;border-radius:10px;border:2px solid transparent;transition:all .3s;overflow:hidden;display:flex;flex-direction:column}.service-image{width:100%;height:200px;overflow:hidden;position:relative}.service-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.service-card:hover .service-image img{transform:scale(1.1)}.service-card>.service-icon{margin:1.5rem 2.5rem 0}.service-card>h3,.service-card>p,.service-card>.service-btn{padding:0 2.5rem}.service-card>.service-btn{margin:0 2.5rem 2.5rem;margin-top:auto}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#FFC107,transparent);transform:scaleX(0);transition:transform .3s}.service-card:hover{border-color:#ffc107;transform:translateY(-5px);box-shadow:0 10px 30px #ffc10733}.service-card:hover:before{transform:scaleX(1)}.service-icon{font-size:3rem;margin-bottom:1rem}.service-card h3{font-size:1.5rem;color:#ffc107;margin-bottom:1rem}.service-card p{color:#ccc;line-height:1.7;margin-bottom:1.5rem;flex-grow:1}.service-btn{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);color:#ffc107;border:2px solid #FFC107;padding:.9rem 1.8rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:1rem;width:100%;margin-top:auto;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 20px #ffc10733,inset 0 0 20px #ffc1070d;display:flex;align-items:center;justify-content:center;gap:.5rem}.service-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,193,7,.3),transparent);transition:left .5s}.service-btn:hover:before{left:100%}.service-btn:hover{background:linear-gradient(135deg,#ffc107,#ffd54f);color:#0a0a0a;transform:translateY(-3px);box-shadow:0 8px 25px #ffc10766;border-color:#ffd54f}.service-btn:active{transform:translateY(-1px);box-shadow:0 4px 15px #ffc1074d}.service-btn .btn-arrow{display:inline-block;transition:transform .4s cubic-bezier(.4,0,.2,1);font-size:1.2rem}.service-btn:hover .btn-arrow{transform:translate(5px)}.about{padding:6rem 0;background:linear-gradient(135deg,#1a1a1a,#0a0a0a)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text .section-title{text-align:left;margin-bottom:2rem}.about-description{color:#ccc;line-height:1.8;font-size:1.1rem;margin-bottom:1.5rem}.about-features{margin-top:2.5rem;display:grid;gap:1.5rem}.feature-item{display:flex;gap:1rem;align-items:flex-start}.feature-icon{width:35px;height:35px;background:#ffc107;color:#0a0a0a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.feature-text h4{color:#fff;margin-bottom:.3rem;font-size:1.1rem}.feature-text p{color:#999}.about-image{display:flex;justify-content:center;align-items:center}.about-img{width:100%;height:400px;object-fit:contain;border-radius:10px;border:3px solid #FFC107;box-shadow:0 10px 30px #ffc10733;transition:transform .3s ease;background:#fff}.about-img:hover{transform:scale(1.05)}.references-section{padding:6rem 0;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.references-grid-wrapper{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:2rem 0;overflow:hidden}.references-grid{display:flex;flex-direction:column;gap:1.5rem;overflow:visible;margin-bottom:0}.references-row{overflow:visible;width:100%;position:relative;padding:10px 0}.references-track{display:flex;gap:1.5rem;width:fit-content}.references-row-top .references-track{animation:scrollLeft 40s linear infinite}.references-row-bottom .references-track{animation:scrollRight 40s linear infinite}.reference-logo{flex-shrink:0;min-width:200px;margin:0}.references-row:hover .references-track{animation-play-state:paused}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.references-row-top .references-track,.references-row-bottom .references-track{will-change:transform}.reference-logo{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:2px solid #2a2a2a;border-radius:10px;padding:2rem;display:flex;align-items:center;justify-content:center;transition:all .3s;min-height:150px}.reference-logo:hover{border-color:#ffc107;transform:translateY(-5px);box-shadow:0 10px 25px #ffc10733;z-index:10;position:relative}.logo-placeholder{color:#666;font-size:1.2rem;font-weight:500;text-align:center}.logo-text{color:#ffc107;font-size:1rem;font-weight:600;text-align:center;line-height:1.4}.references-more{text-align:center;margin-top:3rem}.stats{padding:5rem 0;background:#ffc107;color:#0a0a0a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem}.stat-item{text-align:center}.stat-number{font-size:3.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:1.2rem;font-weight:500;opacity:.9}.timeline-section{padding:6rem 0;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.timeline-container{margin-top:4rem}.timeline-line-wrapper{position:relative;padding:4rem 2rem;margin-bottom:3rem;overflow-x:auto}.timeline-line{position:relative;display:flex;justify-content:space-between;align-items:center;min-width:100%;padding:0 2rem}.timeline-line:before{content:"";position:absolute;top:50%;left:0;right:0;height:3px;background:linear-gradient(90deg,#2a2a2a,#ffc107,#2a2a2a);transform:translateY(-50%);z-index:0}.timeline-point{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;cursor:pointer;flex:1;max-width:150px}.timeline-point-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:4px solid #2a2a2a;display:flex;align-items:center;justify-content:center;transition:all .4s ease;position:relative;box-shadow:0 4px 15px #0000004d}.timeline-point:hover .timeline-point-circle{border-color:#ffc107;transform:scale(1.15);box-shadow:0 8px 25px #ffc10766}.timeline-point.active .timeline-point-circle{background:linear-gradient(135deg,#ffc107,#ffd54f);border-color:#ffc107;transform:scale(1.2);box-shadow:0 10px 35px #ffc10799}.timeline-year-number{font-size:1.2rem;font-weight:700;color:#ffc107;transition:color .3s ease}.timeline-point.active .timeline-year-number{color:#0a0a0a}.timeline-point-label{margin-top:1rem;font-size:.85rem;color:#ccc;text-align:center;font-weight:500;transition:color .3s ease}.timeline-point.active .timeline-point-label{color:#ffc107;font-weight:700}.timeline-content{animation:fadeInUp .5s ease-out}.timeline-placeholder{text-align:center;padding:4rem 2rem;color:#666;font-size:1.2rem}.timeline-card{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:2px solid #FFC107;border-radius:15px;overflow:hidden;box-shadow:0 10px 40px #ffc10733}.timeline-card-header{background:linear-gradient(135deg,#ffc107,#ffd54f);padding:2rem;text-align:center}.timeline-card-header h3{color:#0a0a0a;font-size:2rem;margin:0;font-weight:700}.timeline-card-body{padding:2.5rem}.timeline-description{color:#ccc;font-size:1.1rem;line-height:1.8;margin-bottom:2rem;text-align:center}.timeline-details{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.timeline-milestones h4,.timeline-references h4{color:#ffc107;font-size:1.3rem;margin-bottom:1rem;font-weight:600}.timeline-milestones ul{list-style:none;padding:0;margin:0}.timeline-milestones li{color:#ccc;padding:.8rem 0 .8rem 1.5rem;position:relative;line-height:1.6;border-bottom:1px solid #2a2a2a}.timeline-milestones li:last-child{border-bottom:none}.timeline-milestones li:before{content:"✓";position:absolute;left:0;color:#ffc107;font-weight:700}.references-list{display:flex;flex-wrap:wrap;gap:.8rem}.reference-badge{background:linear-gradient(135deg,#ffc10733,#ffc1071a);border:2px solid #FFC107;color:#ffc107;padding:.6rem 1.2rem;border-radius:20px;font-size:.9rem;font-weight:600;transition:all .3s ease}.reference-badge:hover{background:#ffc107;color:#0a0a0a;transform:translateY(-2px);box-shadow:0 5px 15px #ffc1074d}@media (max-width: 768px){.timeline-line-wrapper{padding:3rem 1rem}.timeline-line{padding:0 1rem;min-width:800px}.timeline-point{max-width:100px}.timeline-point-circle{width:60px;height:60px}.timeline-year-number{font-size:1rem}.timeline-point-label{font-size:.75rem;margin-top:.8rem}.timeline-details{grid-template-columns:1fr;gap:2rem}.timeline-card-body{padding:1.5rem}}.contact{padding:6rem 0;background:#0a0a0a}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;margin-top:3rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.info-card{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);padding:2rem;border-radius:10px;border-left:4px solid #FFC107}.info-icon{font-size:2rem;margin-bottom:1rem}.info-card h3{color:#ffc107;margin-bottom:.8rem;font-size:1.3rem}.info-card p{color:#ccc;line-height:1.8}.contact-form{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);padding:3rem;border-radius:10px;border:2px solid #2a2a2a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:1rem;background:#0a0a0a;border:2px solid #2a2a2a;border-radius:5px;color:#fff;font-size:1rem;transition:border-color .3s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:#ffc107}.contact-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23FFC107' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;padding-right:2.5rem;cursor:pointer}.contact-form textarea{margin-bottom:1.5rem;resize:vertical}.contact-form button{width:100%;cursor:pointer;border:none}.footer{background:linear-gradient(135deg,#0f0f0f,#0a0a0a);padding:4rem 0 2rem;border-top:2px solid #FFC107}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem}.footer-section h4{color:#ffc107;margin-bottom:1.5rem;font-size:1.2rem}.footer-section p{color:#ccc;line-height:1.7}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.8rem}.footer-section a{color:#ccc;text-decoration:none;transition:color .3s}.footer-section a:hover{color:#ffc107}.social-links{display:flex;flex-direction:column;gap:.8rem}.social-link{display:inline-block;padding:.5rem 1rem;background:#1a1a1a;border-radius:5px;transition:background .3s}.social-link:hover{background:#ffc107;color:#0a0a0a!important}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #2a2a2a;color:#999}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}@keyframes scrollDown{0%,to{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem;animation:fadeIn .3s ease-out}.modal-content{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:2px solid #FFC107;border-radius:15px;padding:3rem;max-width:700px;max-height:80vh;overflow-y:auto;position:relative;animation:slideUp .4s ease-out}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#ffc107;font-size:3rem;cursor:pointer;line-height:1;transition:all .3s;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-close:hover{transform:rotate(90deg);color:#fff}.modal-icon{font-size:4rem;text-align:center;margin-bottom:1.5rem}.modal-content h2{color:#ffc107;font-size:2rem;margin-bottom:2rem;text-align:center;border-bottom:2px solid #FFC107;padding-bottom:1rem}.modal-details{color:#ccc;line-height:1.8}.modal-details p{margin-bottom:1rem;white-space:pre-line}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#0a0a0a;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#ffc107;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#ffdb4d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 968px){.nav-menu{display:none}.hero-title{font-size:3rem}.about-content,.contact-content,.form-row{grid-template-columns:1fr}}@media (max-width: 640px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column}.section-title{font-size:2rem}.services-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.modal-content{padding:2rem;max-width:90%}.modal-content h2{font-size:1.5rem}.modal-icon{font-size:3rem}}.references-page{width:100%;min-height:100vh;background-color:#0a0a0a}.references-page .navbar{position:sticky;top:0;background:#0a0a0afa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 0;z-index:1000;border-bottom:2px solid #FFC107}.references-page .back-btn{background:transparent;color:#ffc107;border:2px solid #FFC107;padding:.75rem 1.5rem;border-radius:5px;font-weight:700;cursor:pointer;transition:all .3s;font-size:1rem}.references-page .back-btn:hover{background:#ffc107;color:#0a0a0a;transform:translate(-5px)}.references-header{padding:6rem 0 4rem;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);text-align:center}.page-title{font-size:3rem;margin-bottom:1rem;color:#fff}.page-subtitle{font-size:1.2rem;color:#ccc;max-width:700px;margin:0 auto}.references-list{padding:4rem 0;background:#0a0a0a}.reference-category{margin-bottom:4rem}.category-title{color:#ffc107;font-size:2rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid #FFC107;display:flex;align-items:center;gap:1rem}.category-icon{font-size:2.5rem}.category-count{font-size:1.2rem;color:#999;font-weight:400}.category-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem}.category-item{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border-left:3px solid #FFC107;padding:1rem 1.5rem;border-radius:5px;display:flex;align-items:center;gap:1rem;transition:all .3s}.category-item:hover{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);transform:translate(5px);box-shadow:0 3px 10px #ffc10733}.item-bullet{color:#ffc107;font-size:1.2rem;flex-shrink:0}.item-text{color:#ccc;line-height:1.6;font-size:.95rem}.references-note{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border-left:4px solid #FFC107;padding:1.5rem 2rem;border-radius:5px;margin-top:3rem}.references-note p{color:#ccc;line-height:1.7;margin:0}.references-note strong{color:#ffc107}.references-cta{padding:5rem 0;background:#ffc107;text-align:center}.references-cta h2{font-size:2.5rem;color:#0a0a0a;margin-bottom:1rem}.references-cta p{font-size:1.2rem;color:#0a0a0a;margin-bottom:2rem;opacity:.9}@media (max-width: 768px){.page-title{font-size:2rem}.category-title{font-size:1.5rem}.category-items{grid-template-columns:1fr}.category-item{font-size:.9rem}}.App{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{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;background-color:#0a0a0a;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}