.navbar{z-index:9999;color:#fff;background:#0b1c2d;grid-template-columns:auto 1fr auto;align-items:center;padding:14px 40px;display:grid;position:sticky;top:0}.navbar-logo{font-size:20px;font-weight:700}.navbar-menu{justify-content:center;gap:30px;display:flex}.dropdown{position:relative}.dropdown-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:20px;font-weight:800}.dropdown-btn:hover{color:#00b4ff}.arrow{margin-left:4px;font-size:10px}.dropdown-menu{z-index:10000;color:#1a1a1a;pointer-events:auto;background:#fff;border-radius:6px;min-width:200px;padding:8px 0;position:absolute;top:32px;left:0;box-shadow:0 10px 30px #00000026}.dropdown-item{color:#1a1a1a;padding:10px 16px;font-size:16px;text-decoration:none;display:block}.dropdown-item:hover{background:#f4f6f8}.footer-credit{color:#032f42;opacity:.9;z-index:2000;letter-spacing:.3px;align-items:center;gap:6px;font-size:24px;display:flex;position:fixed;bottom:15px;left:50%;transform:translate(-50%)}.footer-credit a{color:#032f42;font-weight:500;text-decoration:none}.footer-credit a:hover{text-decoration:underline}.footer-name{color:#032f42;font-weight:600}main{z-index:1;padding-top:70px;position:relative}main *{pointer-events:auto}.about-page{justify-content:flex-start;padding:60px 40px;display:flex}.about-card{color:#e5e7eb;background:#0b1c2d;border-radius:12px;max-width:700px;padding:40px;box-shadow:inset 0 1px 2px #ffffff14,inset 0 -2px 4px #0009,0 20px 40px #00000059}.about-title{color:#fff;margin-bottom:20px;font-size:28px;font-weight:700}.about-card p{color:#cbd5e1;margin-bottom:16px;font-size:15px;line-height:1.7}.contact-page{text-align:center;max-width:600px;margin:60px auto;padding:40px}.contact-form{flex-direction:column;gap:16px;margin-top:30px;display:flex}.contact-form input,.contact-form textarea{border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:12px 14px;font-size:14px}.contact-form input:focus,.contact-form textarea:focus{border-color:#00b4ff}.contact-form button{color:#fff;cursor:pointer;background:#00b4ff;border:none;border-radius:6px;padding:12px;font-size:15px;font-weight:600}.contact-form button:hover{background:#0095d8}.success-msg{color:#16a34a;margin-bottom:16px;font-weight:600}.error-msg{color:#dc2626;margin-bottom:16px;font-weight:600}.video-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.video-card{background:#fff;border-radius:14px;padding:16px;transition:transform .3s,box-shadow .3s;box-shadow:0 12px 30px #0000001f}.video-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000002e}.video-wrapper{border-radius:10px;padding-top:56.25%;position:relative;overflow:hidden}.video-wrapper iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.video-card:hover iframe{pointer-events:auto}.video-card h3{text-align:center;color:#0b1c2d;margin-top:14px;font-size:16px;font-weight:600}