body{background-color:#f9f9f9;font-family:Arial,sans-serif;margin:0}.hero{background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:#fff;padding:100px 20px}.hero button{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 8px #0000004d;color:#3b82f6;padding:12px 24px;transition:all .3s ease}.hero button:hover{transform:scale(1.05)}.about{background:#fff;color:#111}.about,.skills{padding:60px 20px;text-align:center}.skills{background:#f1f1f1}.skills span{border:1px solid #ccc;border-radius:8px;display:inline-block;margin:5px;padding:8px 16px}.projects{background:#fff;padding:60px 20px}.projects .card{border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin:10px;padding:20px}.contact{background:#eee;color:#333;padding:60px 20px}.contact,.hero{text-align:center}.hero{padding:4rem 2rem}.btn-primary{background-color:#9099ae;border-radius:.5rem;box-shadow:0 4px 12px #2563eb33;color:#fff;display:inline-block;font-size:1rem;font-weight:600;margin-top:2rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.btn-primary:hover{background-color:#1e40af;transform:translateY(-2px)}.btn-primary:active{box-shadow:0 2px 6px #ffe30033;transform:translateY(0)}.skills{background-color:#fff;margin:0 auto;max-width:1500px;padding:2rem;-webkit-user-select:none;user-select:none}.skills-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.skill-tag{background-color:#e5e7eb;border-radius:9999px;font-size:.875rem;padding:.4rem .75rem}.deploy-section{margin-top:3rem}.diagram-row{flex-direction:row;flex-wrap:wrap;gap:1rem;margin-top:1rem}.diagram-box,.diagram-row{align-items:center;display:flex;justify-content:center}.diagram-box{background:#fff;border-radius:1.5rem;box-shadow:0 6px 20px #00000014;color:#1f2937;flex-direction:column;flex-shrink:0;min-height:120px;padding:1.2rem;transition:transform .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;width:150px}.diagram-box:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-4px)}.arrow{animation:arrowPulse 1.4s ease-in-out infinite;color:#6b7280;font-size:1.5rem}@keyframes arrowPulse{0%,to{opacity:.7;transform:translateX(0)}50%{opacity:1;transform:translateX(5px)}}.diagram-box svg{background-color:#f3f4f6;border-radius:9999px;font-size:2rem;margin-bottom:.5rem;padding:.5rem}.icon-github{background-color:#e5e7eb;color:#000}.icon-actions{background-color:#e0f2fe;color:#3b82f6}.icon-vps{background-color:#f3f4f6;color:#6b7280}.icon-docker{background-color:#e0f2fe;color:#2496ed}.icon-nginx{background-color:#d1fae5;color:#0c9}.icon-react{background-color:#e0f2fe;color:#61dafb}.navbar{background-color:#333;justify-content:space-between;padding:16px}.navbar,.navbar-links{align-items:center;display:flex}.navbar-links{gap:20px;list-style:none;margin:0;padding:0}.navbar-links li a{border-radius:8px;color:#fff;font-weight:700;overflow:hidden;padding:8px 16px;position:relative;text-decoration:none;transition:box-shadow .3s ease,background-color .3s ease;z-index:1}.navbar-links li a:hover{animation:pulseGlow 2s infinite;background-color:#555}@keyframes pulseGlow{0%{box-shadow:0 0 10px 2px #ff00ffb3,0 0 20px 4px #00ffff80}50%{box-shadow:0 0 20px 4px #ff00ffe6,0 0 30px 6px #00ffffb3}to{box-shadow:0 0 10px 2px #ff00ffb3,0 0 20px 4px #00ffff80}}.lang-selector{position:relative}.lang-selector button{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;padding:8px}.lang-dropdown{background-color:#333;border:1px solid #555;border-radius:4px;list-style:none;margin:0;min-width:50px;padding:5px 0;position:absolute;right:0;top:40px;width:auto;z-index:1000}.lang-dropdown li{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:8px 0;transition:background-color .2s ease}.lang-dropdown li:hover{background-color:#555}.contact-form{background:#f5f5f5;border-radius:12px;margin:0 auto;max-width:600px;padding:40px 20px}.contact-form form{display:flex;flex-direction:column;gap:16px}.contact-form label{display:flex;flex-direction:column;font-weight:700}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:8px;padding:8px}.contact-form button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px;transition:background-color .3s ease}.contact-form button:hover{background-color:#2563eb}
/*# sourceMappingURL=main.d8aab779.css.map*/