#root{max-width:1280px;margin:0 auto;padding:2rem}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.ana #btn{margin-top:2rem;font-size:1.2rem;color:#333;background-color:#6082d2;padding:8px;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:pointer}#btn:hover{background-color:#ecd29e;cursor:pointer;color:#000}#btn:active{background:#3730a3;transform:translateY(0);box-shadow:0 3px 8px #0000001a}#btn:focus{outline:3px solid rgba(99,102,241,.6);outline-offset:3px}#scs{display:flex;gap:2px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 24px;background:#4f46e5;color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;transition:all .25s ease;box-shadow:0 4px 12px #0000001a}.btn:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.btn:active{background:#3730a3;transform:translateY(0);box-shadow:0 3px 8px #0000001a}.btn:focus{outline:3px solid rgba(99,102,241,.6);outline-offset:3px}*{box-sizing:border-box}.projects-section{padding:1.25rem;background:#073a4c;border-radius:15px;margin:1rem auto;color:#fff;font-size:1rem;line-height:1.6;max-width:1100px}.projects{display:flex;flex-direction:column;gap:1rem}.projectsbtn{text-align:center;padding:20px;background-color:#230399;opacity:.8;border-radius:25px;margin:20px;cursor:pointer;border:1px solid #ffffff;font-family:Arial,sans-serif;font-size:20px;color:#fff}.projectsbtn:hover{opacity:.9;background-color:#000}.projects h1{font-size:1.25rem;margin:.5rem 0}.projects h2{font-size:1.05rem;margin:.25rem 0}.btn-wrapper{width:100%}.btn-full{display:block;width:100%;box-sizing:border-box}details{background:#ffffff08;padding:.6rem;border-radius:8px}details summary{cursor:pointer;font-weight:600}@media (min-width: 768px){.projects-section{padding:2rem;font-size:1.05rem}.projects{gap:1.25rem}}@media (max-width: 600px){.projects-section{margin:.6rem;padding:.9rem;border-radius:10px}.projects h1{font-size:1.1rem}.projects h2{font-size:1rem}.btn{padding:12px;font-size:1rem}.btn-full{font-size:1rem;padding:12px}}.section-card{background:#073a4c;border-radius:15px;margin:20px;padding:20px;color:#fff;font-size:1rem;line-height:1.6;max-width:1100px;overflow:scroll;display:grid;scrollbar-width:none}.hero-section .hero-title{color:gray;font-size:2rem;margin-bottom:.75rem}.contact-section form{margin-top:1rem}.input-field,.textarea-field{width:100%;padding:12px;border-radius:6px;border:none;font-size:1rem;box-shadow:inset 0 1px 3px #0000001f}.textarea-field{min-height:140px;resize:vertical}.submit-btn{padding:12px 28px;background:#0ea5e9;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #0284c71f}.site-header{position:sticky;top:0;z-index:40;background:#021627;padding:10px 20px;box-shadow:0 2px 8px #0003}.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto}.nav-inner img{border-radius:50%;object-fit:cover}.nav-inner nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0;align-items:center}.nav-inner nav ul li a{color:#cfeaf8;text-decoration:none;font-weight:600}#nav-toggle{display:none;background:transparent;border:none;color:#cfeaf8;font-size:22px;cursor:pointer}@media (max-width: 680px){.nav-inner nav ul{display:none}.nav-inner nav ul.nav-open{display:flex;flex-direction:column;gap:12px;padding:12px 0}#nav-toggle{display:inline-block}.nav-inner{padding:0 6px}}.nav-brand{display:flex;align-items:center;gap:12px}.brand-name{color:#fff;font-weight:700}.brand-sub{color:#9fb3c8;font-size:12px}body{margin:0;padding:0;color:#f0f8ff;background-color:#1c1e1e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial}.nav{padding:20px;background:#0e0039;color:#fff;border-radius:17px}