*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:radial-gradient(circle at top,#172554,#020617);font-family:Inter,Arial,sans-serif}a{text-decoration:none}.app{min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#020617b3;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:20px 10%;display:flex;position:sticky;top:0}.logo{color:#38bdf8;font-size:1.3rem;font-weight:700}.nav-links{gap:25px;display:flex}.nav-links a{color:#cbd5e1;font-size:.95rem;transition:all .2s}.nav-links a:hover{color:#fff}.lang-switch{gap:10px;display:flex}.lang-switch button{color:#fff;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:8px;padding:8px 12px;transition:all .2s}.lang-switch button:hover{color:#38bdf8;border-color:#38bdf8}.hero{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;gap:60px;min-height:100vh;padding:120px 10%;display:grid}.badge{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf8;border-radius:999px;margin-bottom:25px;padding:8px 14px;font-size:.9rem;display:inline-block}.hero h1{margin-bottom:25px;font-size:clamp(3rem,8vw,6rem);line-height:.95}.hero p{color:#cbd5e1;max-width:650px;margin-bottom:35px;font-size:1.1rem;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:15px;display:flex}.primary-btn,.secondary-btn{border-radius:12px;padding:14px 24px;font-weight:700;transition:all .2s}.primary-btn{color:#000;background:#38bdf8}.primary-btn:hover{transform:translateY(-2px)}.secondary-btn{color:#fff;border:1px solid #334155}.secondary-btn:hover{background:#ffffff0d}.hero-card{background:#0f172acc;border:1px solid #ffffff14;border-radius:20px;padding:25px;box-shadow:0 20px 80px #00000059}.dot-row{gap:10px;margin-bottom:20px;display:flex}.dot-row span{background:#475569;border-radius:50%;width:12px;height:12px}.hero-card pre{color:#38bdf8;font-size:.95rem;line-height:1.7;overflow-x:auto}.section{padding:100px 10%}.section h2{margin-bottom:20px;font-size:2.5rem}.section-text{color:#cbd5e1;max-width:700px;margin-bottom:50px;line-height:1.8}.skills-grid,.projects-grid,.location-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;display:grid}.skill-card,.project-card,.location-card{background:#0f172acc;border:1px solid #ffffff0f;border-radius:20px;padding:30px;transition:all .2s}.skill-card:hover,.project-card:hover,.location-card:hover{border-color:#38bdf880;transform:translateY(-5px)}.skill-card h3,.project-card h3,.location-card h3{margin-bottom:15px}.skill-card p,.project-card p,.location-card p{color:#cbd5e1;line-height:1.7}.contact-form{flex-direction:column;gap:20px;max-width:700px;display:flex}.contact-form input,.contact-form textarea{color:#fff;background:#0f172ae6;border:1px solid #ffffff14;border-radius:14px;padding:18px;font-size:1rem}.contact-form textarea{resize:vertical;min-height:180px}.contact-form input:focus,.contact-form textarea:focus{border-color:#38bdf8;outline:none}.contact-form button{color:#000;cursor:pointer;background:#38bdf8;border:none;border-radius:14px;padding:18px;font-weight:700;transition:all .2s}.contact-form button:hover{transform:translateY(-2px)}footer{text-align:center;color:#94a3b8;padding:40px}@media (width<=768px){.navbar{flex-direction:column;gap:20px}.nav-links{flex-wrap:wrap;justify-content:center}.hero{padding-top:160px}.hero h1{font-size:3rem}}