@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;600;800&display=swap";:root{--color-bg: #121212;--color-surface: #1e1e1e;--color-text-primary: #f4f4f4;--color-text-secondary: #a0a0a0;--color-accent: #d4af37;--color-accent-hover: #b3932b;--font-main: "Manrope", sans-serif;--max-width: 1200px;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-block;background-color:var(--color-accent);color:var(--color-bg);padding:1rem 2rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:2px;transition:all .3s ease;border:1px solid var(--color-accent)}.btn:hover{background-color:transparent;color:var(--color-accent)}header{position:absolute;top:0;left:0;width:100%;padding:var(--spacing-md) 0;z-index:10}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:800;letter-spacing:2px;text-transform:uppercase}.logo span{color:var(--color-accent)}.hero{height:100vh;min-height:600px;display:flex;align-items:center;position:relative;background:linear-gradient(#000000b3,#000000b3),url(/img/team.png),#2a2a2a;background-size:cover;background-position:center}.hero-content{max-width:800px}.hero h1{font-size:4rem;line-height:1.1;font-weight:800;margin-bottom:var(--spacing-md);text-transform:uppercase}.hero p{font-size:1.5rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);max-width:600px}.section{padding:var(--spacing-xl) 0}#about{background-image:linear-gradient(#121212e6,#121212e6),url(/img/plaster.png);background-size:cover;background-position:center;background-attachment:fixed}.section-title{font-size:2.5rem;margin-bottom:var(--spacing-lg);position:relative;display:inline-block}.section-title:after{content:"";position:absolute;left:0;bottom:-10px;width:60px;height:4px;background-color:var(--color-accent)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.card{background-color:var(--color-surface);padding:var(--spacing-md);border-left:2px solid transparent;transition:border-color .3s}.card:hover{border-left-color:var(--color-accent)}.card h3{margin-bottom:var(--spacing-sm);font-size:1.5rem}.contact-section{background-color:var(--color-surface)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.contact-item h4{color:var(--color-accent);margin-bottom:var(--spacing-sm);text-transform:uppercase;font-size:.9rem;letter-spacing:1px}.contact-item p{font-size:1.2rem;font-weight:300}.highlight-number{font-family:monospace;font-size:1.4rem}.copyable{position:relative;display:inline-block;cursor:pointer;transition:all .2s ease;padding:0 4px;border-radius:4px}.copyable:hover{background-color:#d4af371a;color:var(--color-accent)}.copyable:before{content:"Click pentru copiere";position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(5px);background:var(--color-accent);color:var(--color-bg);padding:4px 10px;border-radius:4px;font-size:.75rem;font-family:var(--font-main);font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;z-index:20}.copyable:after{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%) translateY(5px);border:4px solid transparent;border-top-color:var(--color-accent);opacity:0;transition:all .2s ease;pointer-events:none}.copyable:hover:before,.copyable:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.copyable.copied:before{content:"✓ Copiat!";background:#28a745}.copyable.copied:after{border-top-color:#28a745}footer{padding:var(--spacing-md) 0;text-align:center;border-top:1px solid #333;color:#666;font-size:.9rem}@media(max-width:768px){:root{--spacing-xl: 4rem;--spacing-lg: 3rem}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}}
