*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(135deg,#0f1724,#0b1a2a);color:#e6f7ff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 20px}nav.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:#0a1423bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#00e5ff;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(0,229,255,.2);box-shadow:0 0 25px #00e5ff26}.navbar h1 a{color:#00e5ff;font-weight:800;font-size:1.4rem;text-decoration:none;letter-spacing:.5px}.navbar h1 a:hover{text-shadow:0 0 12px rgba(0,229,255,.6)}.navbar ul{display:flex;gap:24px;list-style:none}.navbar ul li a{color:#bfeaff;font-weight:500;text-decoration:none;font-size:1rem;transition:color .2s ease,text-shadow .2s ease}.navbar ul li a:hover{color:#fff;text-shadow:0 0 10px rgba(0,229,255,.6)}.nav-search input{width:180px;padding:8px 12px;border-radius:10px;border:1px solid rgba(0,229,255,.3);background:#ffffff14;color:#e6faff;font-size:.95rem;outline:none;transition:all .3s ease}.nav-search input::placeholder{color:#e6faff99}.nav-search input:focus{width:240px;background:#00e5ff1f;border-color:#00e5ff;box-shadow:0 0 8px #00e5ff66}.hero{padding:84px 0;background:linear-gradient(135deg,#001f3f,#036);color:#00e5ff;text-align:center}.hero .container{max-width:900px}.hero h1{font-size:2.6rem;margin-bottom:14px;font-weight:800;letter-spacing:-.5px;text-shadow:0 4px 18px rgba(0,255,255,.3)}.hero p{color:#00e5ffcc;font-size:1.05rem;margin-bottom:22px}.hero .hero-buttons .btn-primary{background:#00e5ff;color:#0f1724;font-weight:700;padding:12px 24px;border-radius:12px;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.hero .hero-buttons .btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 26px #00e5ff80;background:#00bfff}.hero .hero-buttons .btn-outline{background:transparent;color:#00e5ff;border:2px solid #00e5ff;font-weight:700;padding:12px 24px;border-radius:12px;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.hero .hero-buttons .btn-outline:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00e5ff1a;opacity:0;transition:opacity .25s ease;border-radius:12px}.hero .hero-buttons .btn-outline:hover:before{opacity:1}.hero .hero-buttons .btn-outline:hover{color:#fff;box-shadow:0 0 12px #00e5ff99,0 0 24px #00e5ff66;transform:translateY(-2px)}.hero .hero-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:24px}.hero .hero-buttons .btn-primary,.hero .hero-buttons .btn-outline{min-width:180px;text-align:center}.section-head{text-align:center;margin:64px 0 28px}.section-head h2{font-size:1.8rem;color:#00e5ff;font-weight:700}.carousel-wrapper{position:relative;width:100%;max-width:1200px;margin:0 auto 60px;overflow:hidden;border:2px solid rgba(0,229,255,.4);border-radius:16px;padding:12px}.carousel-track-wrapper{overflow:hidden}.carousel-track{display:flex;gap:20px}.card{flex-shrink:0;border:2px solid rgba(0,229,255,.3);border-radius:16px;background:#0f172499;padding:16px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,box-shadow .3s ease,border .3s ease;cursor:pointer}.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00e5ff66;border-color:#00e5ff}.card .thumb{width:100%;height:140px;object-fit:cover;border-radius:12px;margin-bottom:12px;filter:brightness(.8)}.card .card-title{color:#00e5ff;font-weight:700;margin-bottom:6px;font-size:1.05rem}.card .card-desc{color:#cbd5e1;font-size:.95rem;line-height:1.4}.card .card-footer{margin-top:12px;display:flex;gap:8px;align-items:center}.card .link{color:#00e5ff;font-weight:600;text-decoration:none}.card .link:hover{text-decoration:underline;color:#00bfff}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#0c121ef2;color:#00e5ff;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 8px 20px #00e5ff33;z-index:10;font-size:1.5rem;font-weight:700;transition:transform .2s ease,background .2s ease}.carousel-arrow.prev{left:6px}.carousel-arrow.next{right:6px}.carousel-arrow:hover{transform:translateY(-50%) scale(1.1);background:#001a2af2}@media(max-width:900px){.card{flex:0 0 100%;min-height:180px}.carousel-arrow.prev{left:2px}.carousel-arrow.next{right:2px}}.thumb-container{width:100%;height:auto;margin-bottom:12px}.card .thumb{width:100%;height:auto;border-radius:12px;object-fit:cover}@media(min-width:1400px){.card{flex:0 0 calc((100% - 60px)/3)}}.page{min-height:calc(100vh - 120px);display:flex;flex-direction:column;justify-content:flex-start;padding:36px 18px}.page h2{margin-bottom:16px}.page p{margin-bottom:24px}.video-wrapper{width:100%;max-width:920px;margin:24px auto;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #00ffff26}.video-wrapper iframe{width:100%;height:520px;border:0;display:block;margin:0 auto}footer{background:#0c121ed9;color:#00e5ff;padding:36px 0;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-top:60px}.reveal{opacity:0;transform:translateY(18px);transition:all .52s cubic-bezier(.22,.9,.35,1);will-change:transform,opacity}.reveal.visible{opacity:1;transform:translateY(0);box-shadow:0 4px 20px #00e5ff26}.section-gap{height:60px}.about-page h2{font-size:2rem;color:#00e5ff;margin-bottom:16px}.about-page p{color:#cbd5e1;font-size:1rem;line-height:1.7;margin-bottom:16px}.social-links{margin-top:32px;text-align:center}.social-links h3{font-size:1.2rem;color:#00e5ff;margin-bottom:12px}.social-links ul{display:flex;justify-content:center;gap:24px;list-style:none;padding:0}.social-links ul li a{color:#00e5ff;text-decoration:none;font-weight:600;font-size:1rem;transition:all .2s ease}.social-links ul li a:hover{color:#fff;text-shadow:0 0 10px rgba(0,229,255,.6)}