@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-primary: #00ff9d;--color-primary-hover: #00cc7d;--color-bg: #050505;--color-bg-secondary: #0f0f0f;--color-text: #ffffff;--color-text-muted: #888888;--color-border: #222222;--font-main: "Outfit", sans-serif;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}img{max-width:100%;border-radius:var(--radius-md)}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.flex{display:flex;align-items:center}.flex-col{display:flex;flex-direction:column}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.relative{position:relative}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;border:1px solid transparent;transition:var(--transition)}.btn-primary{background-color:var(--color-primary);color:#000}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}.btn-outline{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:#000}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.navbar{padding:1.5rem 0;border-bottom:1px solid var(--color-border);position:sticky;top:0;background-color:#050505e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}.logo{font-size:1.5rem;font-weight:700;letter-spacing:2px;color:var(--color-primary)}.nav-links li a{font-size:1rem;font-weight:500;color:var(--color-text);position:relative}.nav-links li a:not(.btn):hover{color:var(--color-primary)}.mobile-menu-btn{display:none;cursor:pointer;color:var(--color-text)}@media(max-width:768px){.mobile-menu-btn{display:block}.nav-links{position:absolute;top:100%;left:0;width:100%;height:0;background-color:var(--color-bg);flex-direction:column;overflow:hidden;transition:var(--transition);border-bottom:1px solid var(--color-border)}.nav-links.open{height:300px;padding:var(--spacing-md) 0}}.hero-section{padding:8rem 0 6rem;background:radial-gradient(circle at center,#0f1c15 0%,var(--color-bg) 70%)}.hero-title{font-size:3.5rem;line-height:1.1;margin-bottom:var(--spacing-md);font-weight:800}.hero-subtitle{font-size:1.25rem;max-width:600px;margin:0 auto var(--spacing-xl)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin:6rem 0}.service-card{background:var(--color-bg-secondary);padding:2rem;border-radius:var(--radius-lg);text-align:center;border:1px solid var(--color-border);transition:var(--transition)}.service-card:hover{border-color:var(--color-primary);transform:translateY(-5px)}.service-card h3{margin:var(--spacing-md) 0 var(--spacing-sm)}.projects-section{padding:4rem 0}.projects-grid{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.project-card{background:var(--color-bg-secondary);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);display:flex;align-items:center;transition:var(--transition)}.project-card:hover{border-color:var(--color-primary);transform:translate(5px)}.project-card img{width:200px;height:150px;object-fit:cover;border-radius:0;flex-shrink:0}.project-info{padding:1.5rem;flex-grow:1;display:flex;justify-content:space-between;align-items:center}@media(max-width:600px){.project-card{flex-direction:column;text-align:center}.project-card img{width:100%;height:200px}.project-info{flex-direction:column;gap:1rem}}@media(max-width:768px){.hero-title{font-size:2.5rem}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.card{background:var(--color-bg-secondary);padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.card h2{margin-bottom:var(--spacing-md);color:var(--color-primary)}.card input,.card textarea{width:100%;padding:.8rem;background:#000;border:1px solid var(--color-border);color:#fff;border-radius:var(--radius-sm);font-family:inherit}.card input:focus,.card textarea:focus{outline:none;border-color:var(--color-primary)}.top-spacing{margin-top:var(--spacing-md)}.btn-delete{background:red;color:#fff;border:none;padding:.5rem;border-radius:var(--radius-sm);cursor:pointer;position:absolute;top:10px;right:10px}.app-container{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.footer{padding:2rem 0;border-top:1px solid var(--color-border);margin-top:4rem}