:root{--color-bg:#0a0a0a;--color-surface:#ffffff08;--color-surface-hover:#ffffff14;--color-border:#ffffff1a;--color-text-primary:#f5f5f5;--color-text-secondary:#a3a3a3;--color-accent:#d4af37;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--max-width:1200px;--padding-section:6rem 2rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:500;line-height:1.2}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);margin:0 auto}.section{padding:var(--padding-section)}.glass-panel{background:var(--color-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:16px;padding:2rem;transition:transform .3s,background .3s}.glass-panel:hover{background:var(--color-surface-hover);transform:translateY(-4px)}.btn{font-family:var(--font-heading);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.8rem 1.5rem;font-weight:500;transition:all .3s;display:inline-block}.btn-primary{background:var(--color-accent);color:#000}.btn-primary:hover{background:#f1c40f;box-shadow:0 4px 15px #d4af3766}.btn-outline{border-color:var(--color-border);color:var(--color-text-primary);background:0 0}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:radial-gradient(circle,#d4af371a 0%,#0a0a0a 70%);position:absolute;inset:0}.hero h1{letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#a3a3a3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:clamp(3rem,8vw,6rem);font-weight:700}.hero p{color:var(--color-text-secondary);max-width:600px;margin-bottom:2.5rem;font-size:clamp(1.1rem,2vw,1.5rem)}.hero-logo{width:120px;height:120px;margin-bottom:2rem;animation:6s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.section-title{text-align:center;color:var(--color-accent);margin-bottom:3rem;font-size:2.5rem}.grid{gap:2rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.service-card h3{margin-bottom:1rem;font-size:1.5rem}.service-card p{color:var(--color-text-secondary);margin-bottom:1.5rem}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{font-family:var(--font-heading);color:var(--color-text-secondary);font-size:.9rem}.form-control{border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-body);background:#ffffff0d;border-radius:8px;padding:1rem;transition:border-color .3s}.form-control:focus{border-color:var(--color-accent);outline:none}textarea.form-control{resize:vertical;min-height:150px}.footer{text-align:center;border-top:1px solid var(--color-border);color:var(--color-text-secondary);padding:3rem 2rem;font-size:.9rem}.social-icon{color:var(--color-text-secondary);justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.social-icon:hover{color:var(--color-accent);transform:translateY(-3px)}
