:root{--bg-color: #0a0a0a;--card-bg: #121212;--text-main: #e0e0e0;--text-dim: #a0a0a0;--accent-green: #00ff41;--accent-hover: #00cc33;--input-bg: #1a1a1a;--font-main: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden;scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);line-height:1.6}a{text-decoration:none;color:inherit}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;background-color:#0a0a0acc;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.logo{font-size:1.5rem;font-weight:700;letter-spacing:1px}.accent{color:var(--accent-green);text-shadow:0 0 10px rgba(0,255,65,.3)}.nav-right{display:flex;align-items:center;gap:2rem}.nav-links{list-style:none;display:flex;gap:2rem}.nav-links a:hover{color:var(--accent-green);transition:.3s}.lang-switch{display:flex;gap:5px;color:var(--text-dim);font-size:.9rem}.lang-switch button{background:none;border:none;color:var(--text-dim);cursor:pointer;font-weight:700;padding:0}.lang-switch button.active{color:var(--accent-green);text-decoration:underline}.hero-section{position:relative;height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px;background-image:url(https://images.unsplash.com/photo-1555066931-4365d14bab8c?q=80&w=2070&auto=format&fit=crop);background-size:cover;background-position:center;background-attachment:fixed}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;z-index:1}.hero-content{position:relative;z-index:2}.hero-content h1{font-size:3.5rem;margin-bottom:1rem;line-height:1.2;text-shadow:0 4px 30px rgba(0,0,0,.5)}.hero-subtitle{font-size:1.2rem;color:#ccc;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto}.cta-button{background:transparent;border:2px solid var(--accent-green);color:var(--accent-green);padding:12px 35px;font-weight:700;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:1.1rem}.cta-button:hover,.cta-button.sending{background:var(--accent-green);color:#000;box-shadow:0 0 20px #00ff4166}.cta-button:disabled{opacity:.7;cursor:wait}.services-section,.portfolio-section{padding:5rem 10%}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.card{background:var(--card-bg);padding:2.5rem;border-radius:12px;border:1px solid #333;transition:transform .3s ease,border-color .3s ease}.card:hover{transform:translateY(-7px);border-color:var(--accent-green)}.icon-placeholder{font-size:3rem;margin-bottom:1.5rem}.portfolio-preview{width:100%;height:200px;background:#222;border-radius:6px;margin-bottom:1.5rem;overflow:hidden;position:relative;border:1px solid #333}.portfolio-preview img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .5s ease}.card:hover .portfolio-preview img{transform:scale(1.05)}.tech-tag{font-size:.85rem;color:var(--accent-green);border:1px solid var(--accent-green);padding:4px 10px;border-radius:20px;display:inline-block;margin-bottom:.8rem}.footer-section{padding:5rem 20px;background:#050505;border-top:1px solid #222;text-align:center}.contact-subtitle{margin-bottom:2rem;color:var(--text-dim);font-size:1.1rem}.social-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap}.social-btn{display:flex;align-items:center;gap:12px;padding:14px 30px;border-radius:8px;font-weight:700;transition:.3s;background-color:#1a1a1a;border:1px solid #333;color:#fff;font-size:1.1rem}.tg-btn:hover{background-color:#08c;border-color:#08c;transform:translateY(-3px)}.email-btn:hover{background-color:var(--accent-green);color:#000;border-color:var(--accent-green);transform:translateY(-3px)}.contact-form{max-width:550px;margin:0 auto 3rem;display:flex;flex-direction:column;gap:1.2rem}.form-group input,.form-group textarea{width:100%;box-sizing:border-box;padding:16px;background:var(--input-bg);border:1px solid #333;border-radius:6px;color:#fff;font-size:1rem;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-green)}.submit-btn{width:100%}.success-message{color:var(--accent-green);font-weight:700;padding:10px;background:#00ff411a;border-radius:4px;margin-top:10px;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.copyright{color:#444;font-size:.9rem}@media(max-width:768px){.nav-links{display:none}.navbar{justify-content:center;flex-direction:column;gap:10px}.nav-right{flex-direction:column;gap:10px}.hero-content h1{font-size:2.2rem}}