@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background:#080c18}::selection{background:#c9953c1f;color:#c9953c}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes blink{0%,50%{border-color:#c9953c}51%,to{border-color:transparent}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.fade-up{animation:fadeUp .7s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.fade-in{animation:fadeIn .6s ease forwards;opacity:0}input::placeholder{color:#4a5678}input:focus{outline:none}.code-line{transition:background .2s ease}.code-line:hover{background:#c9953c1f}.card-hover{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0006}.nav-link{position:relative;transition:color .2s ease}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#c9953c;transition:width .25s ease}.nav-link:hover:after{width:100%}.btn-primary{transition:all .25s ease;position:relative;overflow:hidden;cursor:pointer}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 30px #c9953c4d}.btn-primary:active{transform:translateY(0)}.btn-ghost{transition:border-color .2s ease,background .2s ease;cursor:pointer}.btn-ghost:hover{border-color:#7b8aab!important;background:#ffffff08}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr!important}.grid-4{grid-template-columns:repeat(2,1fr)!important}.nav-links{display:none!important}.hero-h{font-size:2.8rem!important}.modal-box{width:calc(100% - 32px)!important;margin:16px!important}}
