@tailwind base;@tailwind components;@tailwind utilities;@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#daa520!important}}.printing-animation{display:inline-block;overflow:hidden;white-space:nowrap;border-right:.1em solid goldenrod;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite}.printing-animation-delay-1{opacity:0;animation:fadeIn 1s ease-in 3.5s forwards,typing-loop 3.5s steps(40,end) 6s infinite}.printing-animation-delay-2{opacity:0;animation:fadeIn 1s ease-in 4.5s forwards}@keyframes fadeIn{to{opacity:1}}@keyframes typing-loop{0%,to{width:0}50%{width:100%}}.floating-services{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.service-item{position:absolute;font-size:1.2rem;font-weight:500;color:#ffffffe6;animation:float 8s ease-in-out infinite;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.service-item i{font-size:1.5rem;color:#ffffffe6}@keyframes float{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-20px) translate(10px) rotate(5deg)}50%{transform:translateY(10px) translate(-10px) rotate(-5deg)}75%{transform:translateY(-10px) translate(10px) rotate(5deg)}}.navbar{width:100%}.hero{background:url(https://unsplash.com/photos/blue-screen-on-computer-screen-2aWVqmjluIQ) no-repeat center center/cover;color:#fff;text-align:center;padding:100px 0}.footer{background:#0d0d0d;color:#fff;padding:20px}html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden}body{display:block!important;place-items:unset!important}.dark .dark-image-overlay{opacity:.7}.anim-delay-100{animation-delay:.1s}.anim-delay-200{animation-delay:.2s}.anim-delay-300{animation-delay:.3s}.anim-delay-400{animation-delay:.4s}.anim-delay-500{animation-delay:.5s}.transition-colors{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.parallax{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}.shadow-custom{box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@media (prefers-color-scheme: dark){html:not(.light){color-scheme:dark}html:not(.light) body{background-color:#1a202c;color:#fff}}.animate-fade-in{opacity:0;transition:opacity .8s ease-in-out}.animate-slide-up{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}