@tailwind base;@tailwind components;@tailwind utilities;: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}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}}#root{width:100%;margin:0 auto;padding:2rem;text-align:center;font-family:Inter,sans-serif;background-color:#121212;color:#fff}.button{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;background-color:#fc0;color:#121212;border-radius:8px;transition:background .3s ease,transform .2s ease}.button:hover{background-color:#e6b800;transform:scale(1.05)}.App-parent{width:100%;background-color:#000000d9}.hero-section{top:0;left:0;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;background-color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0003}.hero-logo{color:#fc0;font-size:1.8rem;font-weight:700}.hero-toggle{display:none;color:#fff;cursor:pointer}.hero-links{gap:1.5rem;list-style:none;display:flex;align-items:center;justify-content:center}.hero-item{cursor:pointer;font-size:1rem;transition:color .3s ease}.hero-item a{color:#fff}.hero-item a:hover{color:#fc0}@media (max-width: 768px){.hero-toggle{display:block}.hero-links{display:none}}.hero-section{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,#1a1a1a,#121212)}.hero-title{font-size:3rem;font-weight:700}.hero-title span{color:#fc0}.hero-subtitle{font-size:1.5rem;color:#b0b0b0;margin-top:.5rem}.hero-button{margin-top:2rem}.project-section{padding:5rem 1.5rem}.project-heading{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:#fc0}.project-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-card{padding:1.5rem;background-color:#ffffff14;border-radius:10px;box-shadow:0 4px 8px #00000026;transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.project-title{font-size:1.4rem;font-weight:700}.project-description{color:#b0b0b0}.project-link{margin-top:.5rem;color:#fc0;text-decoration:none}.project-link:hover{text-decoration:underline}.project-features-list{list-style:none}.project-features-list-item{margin:.2rem}.project-technology-list{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.project-technology-list-item{background-color:#4caf50;color:#fff;padding:8px 12px;border-radius:20px;font-size:14px;font-weight:700;text-align:center;white-space:nowrap;cursor:default;transition:.3s}.project-technology-list-item:hover{background-color:#0056b3}.contact-section{padding:5rem 1.5rem;background-color:#1a1a1a}.contact-heading{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#fc0}.contact-form{max-width:28rem;margin:0 auto;padding:1.5rem;background-color:#ffffff1a;border-radius:8px}.contact-input,.contact-textarea{width:90%;padding:.75rem;background:transparent;border-bottom:2px solid #ffcc00;color:#fff;outline:none;font-size:1rem}.contact-margin{margin-top:1rem}.contact-button{width:100%;margin-top:1.5rem}.contact-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:0;list-style:none}.contact-list-item{background-color:#4caf50;color:#fff;padding:8px 12px;border-radius:20px;font-size:14px;font-weight:700;text-align:center;white-space:nowrap;cursor:default;transition:.3s}.contact-list-item a{color:#fff;display:flex;justify-content:space-between;align-items:center}.footer{text-align:center;padding:2rem;background-color:#0f0f0f;font-size:1rem;color:#b0b0b0}
