:root{--bg: #0b0d14;--card: #0f1220;--muted: #8892a4;--accent: #7b6fe8;--accent-2: #4f8ef7;--accent-3: #5A4485;--glow-v: rgba(91,72,165,.18);--glow-b: rgba(79,142,247,.12);--glass: rgba(255,255,255,.03);--border: rgba(255,255,255,.06);font-family:DM Sans,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(ellipse 1000px 700px at 10% 5%,rgba(91,72,165,.13),transparent),radial-gradient(ellipse 800px 600px at 90% 95%,rgba(56,69,139,.15),transparent),radial-gradient(ellipse 600px 400px at 50% 50%,rgba(29,45,70,.2),transparent),#0b0d14;color:#dde4f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-y:scroll}h1,h2,h3,h4{font-family:Syne,sans-serif}.app{min-height:100vh;display:flex;flex-direction:column}.footer{text-align:center;padding:22px;color:var(--muted);font-size:13px;border-top:1px solid var(--border);letter-spacing:.3px}.nav{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:14px 28px;background:#0b0d14d1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:50;border-bottom:1px solid rgba(91,72,165,.12)}.brand{display:flex;gap:12px;align-items:center}.brand .logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#5a4485,#38458b);display:flex;align-items:center;justify-content:center;font-weight:900;font-family:Syne,sans-serif;color:#fff;font-size:15px;box-shadow:0 0 24px #5b448559}.brand h1{font-size:15px;margin:0;font-weight:700;letter-spacing:.4px;color:#dde4f0}.nav-links{display:flex;gap:6px;align-items:center}.nav-links a,.nav-links button{color:var(--muted);text-decoration:none;padding:7px 11px;border-radius:8px;font-weight:600;background:transparent;border:none;cursor:pointer;font-size:.9rem;transition:color .2s,background .2s}.nav-links a.active{color:#fff;background:linear-gradient(135deg,#5a4485,#38458b);box-shadow:0 4px 20px #5b44854d}.nav-links a:hover,.nav-links button:hover{color:#fff;background:#ffffff0d}.container{max-width:1200px;margin:28px auto;padding:0 22px}.card{background:linear-gradient(180deg,#ffffff06,#ffffff02);border-radius:16px;padding:22px;border:1px solid var(--border);box-shadow:0 10px 50px #0009}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:20px;margin-top:20px}.project-card .ss{height:210px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#5b48a50f,#38458b0f);display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:700}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:16px}.gallery-item{height:200px;border-radius:14px;overflow:hidden;position:relative;cursor:pointer;display:flex;align-items:flex-end;justify-content:flex-start;padding:12px;color:#fff;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.gallery-item:hover{transform:translateY(-6px);box-shadow:0 24px 60px #5b48a526}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030305cc;display:flex;align-items:center;justify-content:center;z-index:200}.modal-content{max-width:960px;width:92%;max-height:90vh;border-radius:14px;overflow:auto;padding:14px;background:#0e0f13f5;border:1px solid var(--border)}.skills-stage{position:relative;width:100%;height:450px;border-radius:20px;background:#ffffff05;overflow:hidden}.skill-ball{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%;background:radial-gradient(circle at top left,#7b6fe8,#38458b);box-shadow:0 0 12px #7b6fe833;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .2s ease,box-shadow .2s ease}.certs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.cert{padding:14px;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.01),transparent);border:1px solid var(--border)}.contact-input{width:100%;background:#ffffff0a;color:#dde4f0;border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:15px;transition:all .3s ease;font-family:DM Sans,sans-serif}.contact-input:focus{outline:none;border-color:var(--accent);background:#5b448514;box-shadow:0 0 14px #7b6fe81f}.contact-input::placeholder{color:#444d5c}.blog-input{width:100%;min-height:120px;background:var(--glass);border-radius:10px;padding:12px;border:1px solid var(--border);color:#dde4f0}.blog-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.post{padding:12px;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.01),transparent)}.post .meta{color:var(--muted);font-size:13px;display:flex;gap:12px;align-items:center}.vote-btn{padding:8px 10px;border-radius:10px;border:none;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.vote-btn:hover{color:#fff}.blog-section{background:radial-gradient(circle at top left,#0d0f1a,#0b0d14);color:#e4e7ec;padding:80px 10%;min-height:100vh;text-align:center;font-family:DM Sans,sans-serif}.blog-title{font-size:2.5rem;color:var(--accent);margin-bottom:10px;letter-spacing:1px;font-family:Syne,sans-serif}.blog-sub{color:#a0a6b8;margin-bottom:50px;font-size:1.1rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:30px}.blog-post{background:#0d111a;border:1px solid rgba(91,72,165,.12);border-radius:16px;padding:25px;color:#cfd3e0;transition:all .3s ease}.blog-post:hover{border-color:var(--accent);background:#141928e6;transform:translateY(-4px)}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.post-header h3{color:#fff;font-size:1.3rem;font-family:Syne,sans-serif}.post-date{color:#6e7b99;font-size:.9rem}.post-text{color:#b6bdd3;margin:15px 0;line-height:1.6;font-size:1rem}.vote-container{display:flex;justify-content:center;gap:20px;margin-top:15px}.vote-btn.agree{background-color:#00800033;border:1px solid #00ff88}.vote-btn.agree:hover{background-color:#0f8;color:#0b0e14}.vote-btn.disagree{background-color:#80000033;border:1px solid #ff4c4c}.vote-btn.disagree:hover{background-color:#ff4c4c;color:#0b0e14}@media (max-width: 900px){.hero-hero{flex-direction:column;align-items:center;text-align:center;padding:24px}.hero-photo{width:260px;height:260px}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.skills-stage{height:360px}.nav{flex-wrap:wrap;gap:10px}.nav-links{gap:4px;flex-wrap:wrap;justify-content:center}}@media (max-width: 900px){.nav-links{display:none!important}.hamburger-btn{display:flex!important}.nav{padding:12px 18px}}.gallery-tab-active{background:linear-gradient(135deg,#7b6fe840,#4f8ef72e)!important;border-color:#7b6fe880!important;color:#dde4f0!important}