*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Nunito Sans',sans-serif;background:#1C1C1C;color:#F5F5F5;overflow-x:hidden;position:relative}#circuit-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:0.1}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.hyper-header{background:#2E2E2E;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px rgba(255,111,0,0.3);padding:1rem 0}.header-content{display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:1rem}.header-logo img{width:40px;height:40px}.header-logo span{font-size:1.8rem;font-weight:900;color:#FF6F00}.header-nav{display:flex;gap:2rem}.header-nav a{color:#F5F5F5;text-decoration:none;font-weight:600;transition:all 0.3s ease;padding:0.5rem 1rem;border-radius:6px}.header-nav a:hover{color:#FF6F00;background:rgba(255,111,0,0.1)}.header-icons{display:flex;gap:1.5rem;font-size:1.5rem;cursor:pointer}.header-icons span{transition:all 0.3s ease}.header-icons span:hover{color:#FF6F00;transform:scale(1.2)}.hero-section{padding:8rem 0;position:relative;z-index:1;text-align:center}.hero-content{max-width:900px;margin:0 auto}.hero-title{font-size:4.5rem;font-weight:900;color:#FF6F00;margin-bottom:2rem;text-shadow:0 0 40px rgba(255,111,0,0.6)}.hero-description{font-size:1.2rem;color:#F5F5F5;line-height:2;margin-bottom:3rem}.hero-buttons{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.btn-primary,.btn-secondary{padding:1.2rem 3rem;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all 0.3s ease;font-family:'Nunito Sans',sans-serif;position:relative;overflow:hidden}.btn-primary{background:#FF6F00;color:#1C1C1C}.btn-secondary{background:transparent;color:#FF6F00;border:2px solid #FF6F00}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(255,111,0,0.4)}.ripple{position:relative;overflow:hidden}.ripple::after{content:'';position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);border-radius:50%;background:rgba(255,255,255,0.5);opacity:0;transition:transform 0.6s,opacity 0.6s}.ripple:active::after{transform:translate(-50%,-50%) scale(2);opacity:1;transition:0s}.hero-extra{background:#2E2E2E;border:2px solid #FF6F00;border-radius:8px;padding:1rem;max-width:600px;margin:0 auto}.hero-extra p{color:#F5F5F5;margin:0}.section-title{font-size:3.5rem;font-weight:900;color:#FF6F00;text-align:center;margin-bottom:2rem;text-shadow:0 0 30px rgba(255,111,0,0.5)}.highlights-section{padding:6rem 0;position:relative;z-index:1;background:#2E2E2E}.title-line{width:200px;height:4px;background:#FF6F00;margin:0 auto 4rem;box-shadow:0 0 20px rgba(255,111,0,0.6)}.highlights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.highlight-card{background:#1C1C1C;border:3px solid #FF6F00;border-radius:15px;overflow:hidden;transition:all 0.4s ease}.highlight-card:hover{transform:translateY(-15px);box-shadow:0 20px 50px rgba(255,111,0,0.5)}.card-image{width:100%;height:200px;object-fit:cover;border-bottom:3px solid #FF6F00}.highlight-card h3{color:#FF6F00;font-weight:700;font-size:1.5rem;padding:1.5rem 1.5rem 1rem;margin:0}.highlight-card p{color:#F5F5F5;line-height:1.9;padding:0 1.5rem 1.5rem}.history-section{padding:6rem 0;position:relative;z-index:1}.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.history-text{background:#2E2E2E;border:3px solid #FF6F00;border-radius:15px;padding:3rem}.history-text p{color:#F5F5F5;line-height:2;font-size:1.1rem}.history-timeline{background:#2E2E2E;border:3px solid #FF6F00;border-radius:15px;padding:3rem;position:relative}.history-timeline::before{content:'';position:absolute;left:3rem;top:4rem;bottom:4rem;width:3px;background:#FF6F00;box-shadow:0 0 10px rgba(255,111,0,0.6)}.timeline-item{display:flex;gap:2rem;margin-bottom:2.5rem;position:relative}.timeline-date{width:80px;height:80px;background:#FF6F00;color:#1C1C1C;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.3rem;flex-shrink:0;box-shadow:0 0 20px rgba(255,111,0,0.6);position:relative;z-index:1}.timeline-event{color:#F5F5F5;line-height:1.8;padding-top:1.5rem}.overview-section{padding:6rem 0;position:relative;z-index:1;background:#2E2E2E}.overview-list{max-width:1000px;margin:0 auto}.overview-item{display:flex;gap:2rem;align-items:flex-start;margin-bottom:2.5rem;padding:2rem;background:#1C1C1C;border:2px solid #FF6F00;border-radius:12px;transition:all 0.3s ease}.overview-item:hover{transform:translateX(15px);box-shadow:0 10px 30px rgba(255,111,0,0.4)}.overview-icon{font-size:3rem;flex-shrink:0}.overview-text h3{color:#FF6F00;font-weight:700;font-size:1.3rem;margin-bottom:0.8rem}.overview-text p{color:#F5F5F5;line-height:1.9;margin:0}.faq-section{padding:6rem 0;position:relative;z-index:1}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-top:3rem}.faq-card{background:#2E2E2E;border:3px solid #FF6F00;border-radius:15px;padding:2.5rem;transition:all 0.4s ease}.faq-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px rgba(255,111,0,0.5)}.faq-card h3{color:#FF6F00;font-weight:700;font-size:1.3rem;margin-bottom:1.2rem}.faq-card p{color:#F5F5F5;line-height:1.9;margin:0}.guide-section{padding:6rem 0;position:relative;z-index:1;background:#2E2E2E}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:3rem}.step-card{background:#1C1C1C;border:3px solid #FF6F00;border-radius:15px;padding:2.5rem;text-align:center;transition:all 0.4s ease;position:relative;overflow:hidden}.step-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,transparent,#FF6F00,transparent);animation:shimmer 2s infinite}.step-card:hover{transform:scale(1.05);box-shadow:0 20px 50px rgba(255,111,0,0.5)}.step-number{display:inline-block;background:#FF6F00;color:#1C1C1C;padding:0.8rem 2rem;border-radius:8px;font-weight:900;font-size:1.1rem;margin-bottom:1.5rem}.step-card h3{color:#FF6F00;font-weight:700;font-size:1.4rem;margin-bottom:1rem}.step-card p{color:#F5F5F5;line-height:1.9;margin:0}.hyper-footer{background:#2E2E2E;border-top:4px solid #FF6F00;padding:4rem 0;position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem}.footer-col h4{color:#FF6F00;font-weight:700;font-size:1.3rem;margin-bottom:1.5rem}.footer-col ul{list-style:none;padding:0}.footer-col ul li{margin-bottom:1rem}.footer-col ul li a{color:#F5F5F5;text-decoration:none;transition:all 0.3s ease}.footer-col ul li a:hover{color:#FF6F00;padding-left:0.8rem}.footer-col p{color:#F5F5F5;line-height:2;margin-bottom:0.8rem}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media(max-width:768px){.highlights-grid,.history-grid,.faq-grid,.guide-steps,.footer-grid{grid-template-columns:1fr}.header-nav{gap:1rem}}