:root{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-font-size:16px}img{max-width:100%;height:auto;display:block}

.navlink{display:inline-flex;align-items:center;justify-content:center;border-radius:0.75rem;padding:0.5rem 0.75rem;font-weight:600;color:rgb(226 232 240);transition:background-color .2s ease,color .2s ease,transform .2s ease}
.navlink:hover{background-color:rgba(255,255,255,.08)}
.navlink:focus{outline:none;box-shadow:0 0 0 2px rgba(0,191,255,.65)}

.mobilelink{font-size:1.5rem;line-height:2rem;font-weight:800;letter-spacing:-.01em;color:rgb(241 245 249);padding:0.75rem 1rem;border-radius:1rem;transition:transform .2s ease,background-color .2s ease,opacity .2s ease}
.mobilelink:hover{background-color:rgba(255,255,255,.1);transform:translateY(-1px)}
.mobilelink:focus{outline:none;box-shadow:0 0 0 2px rgba(0,191,255,.65)}

.card{overflow:hidden;border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);box-shadow:0 12px 40px rgba(2,6,23,.45);transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-3px);background:rgba(255,255,255,.06);box-shadow:0 18px 60px rgba(3,105,161,.18)}
.card:focus-within{box-shadow:0 0 0 2px rgba(0,191,255,.55),0 18px 60px rgba(3,105,161,.18)}
.cardimg{width:100%;height:220px;object-fit:cover}
.cardbody{padding:1.25rem}
.cardtitle{font-size:1.125rem;line-height:1.6rem;font-weight:800;letter-spacing:-.01em;color:rgb(248 250 252)}
.cardlist{margin-top:.75rem;display:grid;gap:.45rem;font-size:.9rem;color:rgb(203 213 225)}
.cardlist li{display:flex;align-items:flex-start;gap:.5rem}
.cardlist .iconify{width:1.05rem;height:1.05rem;color:#87CEEB;flex:none;margin-top:.1rem}

.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:1rem;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);padding:.5rem .9rem;font-weight:700;color:rgb(241 245 249);transition:background-color .2s ease,transform .2s ease}
.btn-secondary:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}
.btn-secondary:focus{outline:none;box-shadow:0 0 0 2px rgba(0,191,255,.65)}

.service{border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);padding:1.25rem;box-shadow:0 12px 40px rgba(2,6,23,.45);transition:transform .25s ease,background-color .25s ease}
.service:hover{transform:translateY(-3px);background:rgba(255,255,255,.06)}
.serviceicon{display:inline-flex;height:44px;width:44px;align-items:center;justify-content:center;border-radius:1rem;background:linear-gradient(135deg,rgba(0,191,255,.22),rgba(135,206,235,.12));box-shadow:0 0 0 1px rgba(0,191,255,.12)}
.servicetitle{margin-top:.85rem;font-size:1.05rem;font-weight:800;color:rgb(248 250 252)}
.servicetext{margin-top:.4rem;font-size:.95rem;line-height:1.55rem;color:rgb(203 213 225)}

.tcard{border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(135,206,235,.08),rgba(255,255,255,.04));padding:1.4rem;box-shadow:0 12px 40px rgba(2,6,23,.45);transition:transform .25s ease,background-color .25s ease}
.tcard:hover{transform:translateY(-3px);background:linear-gradient(135deg,rgba(0,191,255,.10),rgba(255,255,255,.05))}
.tstars{display:flex;gap:.25rem;color:#00BFFF;opacity:.95}
.tstars .iconify{width:1.1rem;height:1.1rem}
.ttext{margin-top:.9rem;font-size:1rem;line-height:1.7rem;color:rgb(226 232 240)}
.tcap{margin-top:1rem;font-size:.85rem;color:rgb(148 163 184)}

.label{display:block;font-size:.9rem;font-weight:700;color:rgb(226 232 240)}
.input{margin-top:.4rem;width:100%;border-radius:1rem;border:1px solid rgba(255,255,255,.14);background:rgba(2,6,23,.55);padding:.8rem .95rem;font-size:1rem;line-height:1.5rem;color:rgb(241 245 249);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.input::placeholder{color:rgba(148,163,184,.9)}
.input:focus{border-color:rgba(0,191,255,.65);box-shadow:0 0 0 3px rgba(0,191,255,.18);background:rgba(2,6,23,.65)}
.fielderror{margin-top:.35rem;min-height:1.1rem;font-size:.85rem;color:rgb(253 186 116)}

.footerlink{color:rgb(203 213 225);text-decoration:underline;text-decoration-color:rgba(255,255,255,.15);text-underline-offset:3px;transition:text-decoration-color .2s ease,color .2s ease}
.footerlink:hover{color:rgb(248 250 252);text-decoration-color:rgba(0,191,255,.75)}
.footerlink:focus{outline:none;box-shadow:0 0 0 2px rgba(0,191,255,.65);border-radius:.5rem}

@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.card,.service,.tcard,.btn-secondary,.navlink,.mobilelink{transition:none}.animate-beam,.animate-floaty,.animate-fadeUp{animation:none !important}}
