:root{--bg-color: #0f172a;--text-color: #e2e8f0;--primary-color: #3b82f6;--secondary-color: #64748b;--accent-color: #8b5cf6;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-main: "Inter", sans-serif}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);margin:0;padding:0;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-out forwards}.float{animation:float 3s ease-in-out infinite}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.admin-login-box{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:50px 40px;width:100%;max-width:450px;box-shadow:0 20px 60px #0000004d;animation:fadeIn .6s ease-out}.admin-login-title{font-size:32px;font-weight:700;color:#1e293b;margin:0 0 10px;text-align:center}.admin-login-subtitle{font-size:14px;color:#64748b;margin:0 0 30px;text-align:center}.admin-login-form{display:flex;flex-direction:column;gap:20px}.admin-input-group{display:flex;flex-direction:column;gap:8px}.admin-input-group label{font-size:14px;font-weight:600;color:#334155}.admin-input-group input{padding:14px 18px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;transition:all .3s ease;background:#fff}.admin-input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.admin-error{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:10px;font-size:14px;text-align:center}.admin-success{background:#d1fae5;color:#059669;padding:12px 16px;border-radius:10px;font-size:14px;text-align:center}.admin-login-btn{padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.admin-login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.admin-login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-login-footer{margin-top:25px;text-align:center}.admin-login-footer a{color:#667eea;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.admin-login-footer a:hover{color:#764ba2}.admin-dashboard-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);padding:30px}.admin-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:20px;color:#e2e8f0}.admin-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.admin-dashboard-header h1{font-size:36px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.admin-header-actions{display:flex;align-items:center;gap:20px}.admin-username{color:#cbd5e1;font-size:14px}.admin-logout-btn{padding:10px 24px;background:#ef44441a;color:#f87171;border:2px solid #f87171;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-logout-btn:hover{background:#f87171;color:#fff;transform:translateY(-2px)}.admin-error-banner{background:#ef44441a;color:#f87171;padding:16px;border-radius:12px;margin-bottom:20px;border:1px solid rgba(239,68,68,.3)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.admin-stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px;text-align:center;transition:all .3s ease}.admin-stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #667eea33}.admin-stat-card h3{font-size:48px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px}.admin-stat-card p{color:#cbd5e1;font-size:14px;margin:0}.admin-messages-section{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px}.admin-messages-section h2{color:#e2e8f0;font-size:24px;margin:0 0 25px}.admin-no-messages{text-align:center;color:#94a3b8;padding:60px 20px;font-size:16px}.admin-messages-table-wrapper{overflow-x:auto}.admin-messages-table{width:100%;border-collapse:collapse;border-spacing:0}.admin-messages-table thead{background:#ffffff0d}.admin-messages-table th{padding:16px;text-align:left;color:#cbd5e1;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(255,255,255,.1)}.admin-messages-table td{padding:18px 16px;color:#e2e8f0;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05)}.admin-messages-table tbody tr{transition:all .3s ease}.admin-messages-table tbody tr:hover{background:#ffffff08;transform:scale(1.01)}.admin-message-text{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-status-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.admin-status-badge.pending{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.admin-status-badge.completed{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}@media(max-width:768px){.admin-dashboard-header{flex-direction:column;align-items:flex-start}.admin-messages-table{font-size:12px}.admin-messages-table th,.admin-messages-table td{padding:12px 8px}.admin-message-text{max-width:150px}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{font-family:Inter,Arial,sans-serif;background:#0f172a;color:#e5e7eb}.navbar{position:fixed;top:0;z-index:100;width:100%;background:#020617;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 30px #0006}.navbar-logo{color:#e5e7eb;font-weight:600;font-size:16px;cursor:pointer}.navbar-menu{list-style:none;display:flex;gap:6px;background:#020617;padding:6px;border-radius:40px}.navbar-menu li a{text-decoration:none;color:#9ca3af;font-size:14px;padding:8px 14px;border-radius:30px;transition:.3s}.navbar-menu li a:hover,.navbar-menu a.active{background:#0f172a;color:#22d3ee}.navbar-btn{background:linear-gradient(135deg,#22d3ee,#3b82f6);color:#020617;border:none;padding:10px 18px;border-radius:30px;font-weight:600;cursor:pointer}.navbar-btn:hover{opacity:.9}.hamburger{display:none;font-size:24px;color:#e5e7eb;cursor:pointer}@media(max-width:768px){.navbar{padding:12px 16px}.navbar-menu{position:absolute;top:60px;right:0;width:100%;flex-direction:column;background:#020617;padding:20px;gap:15px;display:none}.navbar-menu.active{display:flex}.navbar-menu li a{font-size:16px;padding:10px}.navbar-btn{display:none}.hamburger{display:block}}.hero{min-height:100vh;display:flex;align-items:center;padding:0 10%}.hero-wrapper{width:100%;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:60px}.hero-left{max-width:600px}.hero-name{font-size:64px;font-weight:800;line-height:1.1;margin-bottom:12px}.hero-name span{color:#2dd4bf}.hero-role{color:#9ca3af;font-size:18px;margin-bottom:30px}.hero-buttons{display:flex;gap:20px}.btn-outline{text-decoration:none;background:transparent;border:1px solid #2dd4bf;color:#2dd4bf;padding:10px 18px;border-radius:8px;cursor:pointer;transition:.3s}.btn-outline:hover{background:#2dd4bf1a}.hero-image-circle{width:320px;height:320px;border-radius:50%;padding:6px;background:linear-gradient(135deg,#2dd4bf,#22d3ee,#3b82f6);display:flex;align-items:center;justify-content:center;animation:float 4s ease-in-out infinite;box-shadow:0 0 40px #2dd4bf66;margin-left:auto}.hero-image-circle img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#020617}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}@media(max-width:768px){.hero{padding:80px 6%;text-align:center}.hero-wrapper{grid-template-columns:1fr;gap:40px}.hero-left{order:2}.hero-right{order:1}.hero-name{font-size:36px;line-height:1.2}.hero-role{font-size:14px}.hero-buttons{justify-content:center}.hero-image-circle{width:220px;height:220px;margin:auto}}@media(max-width:480px){.hero-name{font-size:28px}.hero-image-circle{width:180px;height:180px}}.about{padding:100px 10%}.about-wrapper{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.about-tag{color:#22d3ee;text-align:center;font-size:30px;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}.about-title{font-size:40px;font-weight:800;margin-bottom:20px}.about-title span{color:#2dd4bf}.about-text{color:#9ca3af;font-size:16px;line-height:1.8;margin-bottom:16px;max-width:600px}.about-card{background:#020617;border:1px solid #1f2937;padding:32px;border-radius:24px}.about-card h3{font-size:20px;margin-bottom:16px;color:#e5e7eb}.about-card ul{list-style:none}.about-card li{color:#9ca3af;margin-bottom:12px;font-size:15px}.about-info-card{display:flex;align-items:center;gap:16px;background:#020617;border:1px solid #1f2937;padding:18px 22px;border-radius:14px}.info-icon{font-size:22px}.about-info-card h4{font-size:15px;color:#e5e7eb;margin-bottom:4px}.about-info-card p{font-size:14px;color:#9ca3af}@media(max-width:900px){.about-wrapper{grid-template-columns:1fr}}.about-title{font-size:34px}*/ .skills{padding:100px 10%;text-align:center}.skills-spacer{height:80px;width:100%}.skills-heading{font-size:36px;font-weight:800;color:#22d3ee;text-align:center}.skills-underline{width:60px;height:3px;background:#22d3ee;margin:10px auto 60px}.skills-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}.skills-card{background:#020617;border:1px solid #1f2937;padding:28px;border-radius:18px;text-align:left;opacity:0;transform:translateY(40px);animation:fadeUp .8s ease forwards}.skills-card:nth-child(1){animation-delay:.1s}.skills-card:nth-child(2){animation-delay:.2s}.skills-card:nth-child(3){animation-delay:.3s}.skills-card:nth-child(4){animation-delay:.4s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.skills-card:hover{transform:translateY(-6px);border-color:#22d3ee}.skills-card h3{color:#22d3ee;margin-bottom:20px;font-size:18px}.skill{margin-bottom:16px}.skill span{font-size:14px;color:#e5e7eb}.bar{height:6px;background:#0f172a;border-radius:10px;margin-top:6px;overflow:hidden}.bar div{height:100%;background:linear-gradient(90deg,#22d3ee,#2dd4bf);border-radius:10px}@media(max-width:768px){.skills{padding:80px 6%}}.services{padding:100px 10%;text-align:center}.services-heading{font-size:36px;font-weight:800;color:#22d3ee}.services-underline{width:60px;height:3px;background:#22d3ee;margin:10px auto 60px}.services-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.service-card{background:#020617;border:1px solid #1f2937;padding:28px;border-radius:18px;text-align:left;transition:transform .3s ease,border-color .3s ease}.service-card:hover{transform:translateY(-6px);border-color:#22d3ee}.service-icon{width:42px;height:42px;background:#22d3ee26;color:#22d3ee;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:20px;margin-bottom:18px}.service-card h3{color:#e5e7eb;font-size:18px;margin-bottom:12px}.service-card p{color:#9ca3af;font-size:14px;line-height:1.7;margin-bottom:18px}.service-tags{display:flex;gap:10px;flex-wrap:wrap}.service-tags span{font-size:12px;color:#22d3ee;border:1px solid rgba(34,211,238,.4);padding:4px 10px;border-radius:20px}@media(max-width:768px){.services{padding:80px 6%}}.projects{padding:100px 10%;text-align:center}.projects-heading{font-size:36px;font-weight:800;color:#22d3ee}.projects-underline{width:60px;height:3px;background:#22d3ee;margin:10px auto 60px}.projects-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.project-card{background:#020617;border:1px solid #1f2937;border-radius:18px;overflow:hidden;transition:transform .3s ease,border-color .3s ease}.project-card:hover{transform:translateY(-6px);border-color:#22d3ee}.project-card img{width:100%;height:180px;object-fit:cover}.project-content{padding:22px;text-align:left}.project-content h3{color:#e5e7eb;font-size:18px;margin-bottom:10px}.project-content p{color:#9ca3af;font-size:14px;line-height:1.7;margin-bottom:14px}.project-tags{display:flex;gap:10px;flex-wrap:wrap}.project-tags span{font-size:12px;color:#22d3ee;border:1px solid rgba(34,211,238,.4);padding:4px 10px;border-radius:20px}@media(max-width:768px){.projects{padding:80px 6%}}.contact{padding:100px 10%}.contact-heading{text-align:center;font-size:36px;font-weight:800;color:#22d3ee}.contact-underline{width:60px;height:3px;background:#22d3ee;margin:10px auto 60px}.contact-wrapper{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1.2fr;gap:40px}.contact-info{display:flex;flex-direction:column;gap:18px}.contact-info-card{display:flex;gap:16px;background:#020617;border:1px solid #1f2937;padding:18px 22px;border-radius:16px}.contact-info-card span{font-size:22px}.contact-info-card h4{color:#e5e7eb;font-size:15px;margin-bottom:4px}.contact-info-card p{color:#9ca3af;font-size:14px}.contact-info-card small{color:#22d3ee;font-size:12px}.contact-form-box{background:#020617;border:1px solid #1f2937;padding:28px;border-radius:18px;display:flex;flex-direction:column;gap:16px}.contact-form-box input,.contact-form-box textarea{background:#0f172a;border:1px solid #334155;padding:14px;border-radius:10px;color:#e5e7eb;font-size:14px}.contact-form-box input:focus,.contact-form-box textarea:focus{outline:none;border-color:#22d3ee}@media(max-width:900px){.contact-wrapper{grid-template-columns:1fr}}.success-text{width:100%;text-align:center;margin-top:12px;color:#22d3ee;font-size:15px;font-weight:500;animation:fadeMsg 3s ease forwards}@keyframes fadeMsg{0%{opacity:0;transform:translateY(6px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}.about-download-btn{display:inline-block;margin-top:80px;margin-left:0;border:1px solid #22d3ee;color:#22d3ee;padding:12px 26px;border-radius:30px;cursor:pointer;font-weight:600;text-decoration:none;transition:all .3s ease}.about-download-btn:hover{background:#22d3ee26;transform:translateY(-2px)}@media(max-width:768px){.about-download-btn{margin-top:50px;text-align:center}}