.home-section{min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;gap:3rem;align-items:center;padding:3rem 2rem 2rem;background:radial-gradient(circle at 30% 30%,rgba(0,255,200,.08),transparent 80%);color:#fff;box-sizing:border-box}.home-top{display:flex;align-items:center;justify-content:space-evenly;width:100%;max-width:1250px;flex-wrap:wrap;gap:2rem}.photo-container{position:relative;flex:0 0 auto;display:flex;justify-content:center;align-items:center;z-index:1}.photo-ring{position:absolute;width:330px;height:330px;border-radius:50%;border:2px dashed var(--accent);opacity:.3}.photo-frame{position:relative;border-radius:50%;overflow:hidden;width:300px;height:300px;box-shadow:0 0 45px #00ffc840;border:3px solid var(--accent);z-index:1}.profile-photo{width:120%;height:180%;margin-left:-10%;margin-top:-10%;object-fit:contain;border-radius:50%}.home-info{flex:1;min-width:280px;max-width:680px;display:flex;flex-direction:column;justify-content:center}.home-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:.4rem}.home-name{background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent));-webkit-background-clip:text;color:transparent;background-size:200%;display:inline-block}.typing-effect{font-size:1.1rem;color:#ffffffd9;margin-top:.4rem;max-width:100%;display:inline-block;overflow:hidden;white-space:nowrap;border-right:.15em solid var(--accent);animation:typing 3.5s steps(40,end) forwards,blink .8s infinite}.profession-tags{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}.profession-tag{border:1px solid var(--accent);padding:6px 14px;border-radius:20px;font-size:.88rem;color:#ffffffd9;cursor:default;background:#ffffff0d}.info-cards{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.2rem}.info-card{background:#ffffff0d;border-radius:12px;padding:10px 16px;min-width:140px;flex:1;text-align:center;box-shadow:0 0 10px #00ffc814}.info-card p{font-size:.82rem;color:#ffffffb3;margin-top:4px;word-break:break-all}.quick-links{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem;width:100%}.quick-links-title{font-size:1.4rem;font-weight:600;color:#fff;text-align:center}.quick-links-list{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center}.quick-link-img{width:50px;height:50px;border-radius:50%;object-fit:cover;filter:brightness(.9);transition:all .3s ease}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}@media (max-width: 900px){.home-top{flex-direction:column;align-items:center;text-align:center}.home-info{align-items:center;min-width:unset;max-width:100%}.home-title{font-size:2.2rem}.photo-ring{width:260px;height:260px}.photo-frame{width:230px;height:230px}.typing-effect{font-size:.95rem;white-space:normal;border-right:none;animation:none}.profession-tags,.info-cards{justify-content:center}}@media (max-width: 480px){.home-section{padding:2rem 1rem 1.5rem;gap:2rem}.home-title{font-size:1.7rem}.photo-ring{width:200px;height:200px}.photo-frame{width:175px;height:175px}.profession-tag{font-size:.78rem;padding:5px 10px}.info-card{min-width:100px;padding:8px}.quick-link-img{width:42px;height:42px}}:root{--bg: #050509;--card: #0f1114;--muted: #9aa0a6;--accent: #004c99;--accent-2: #0077ff;--glass: rgba(255,255,255,.03);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{margin:0;background:radial-gradient(800px 500px at 10% 10%,rgba(124,58,237,.08),transparent 10%),radial-gradient(700px 400px at 90% 90%,rgba(255,92,161,.04),transparent 10%),var(--bg);color:#e6eef8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden;overflow-y:scroll}.app{min-height:100vh;display:flex;flex-direction:column}.footer{text-align:center;padding:20px;color:var(--muted);font-size:13px}.container{max-width:1200px;margin:28px auto;padding:0 20px;width:100%;box-sizing:border-box}.card{background:#0a0a0a;border-radius:14px;padding:18px;border:1px solid rgba(255,255,255,.03);box-shadow:0 10px 40px #02061799;color:#ddd}@media (max-width: 768px){.container{padding:0 14px;margin:16px auto}}@media (max-width: 480px){.container{padding:0 10px;margin:10px auto}}.gallery-container{background:#0b0b0b;min-height:100vh;padding:20px 20px 40px;color:#f0f0f0;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%}.gallery-title{font-size:1.8rem;font-weight:600;margin-bottom:20px;color:#f5f5f5;letter-spacing:1px;text-align:center;text-transform:uppercase}.tab-buttons{display:flex;gap:12px;margin-bottom:28px;flex-wrap:wrap;justify-content:center}.tab{background:transparent;border:1px solid #444;padding:7px 16px;border-radius:20px;color:#ccc;font-size:.88rem;cursor:pointer;transition:all .3s ease}.tab.active,.tab:hover{background:#1f1f1f;color:#fff;border-color:#666}.post-feed{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;width:100%;max-width:1200px}.post-card{background:#121212;border-radius:16px;padding:16px;box-shadow:0 0 10px #ffffff0d;transition:all .3s ease}.post-card:hover{box-shadow:0 0 15px #ffffff14}.caption{font-size:.88rem;color:#aaa;margin-bottom:10px;line-height:1.4}.photo-grid{display:grid;gap:8px;border-radius:10px;overflow:hidden}.photo-grid.single{grid-template-columns:1fr}.photo-grid.multi{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.photo-item img{width:100%;height:clamp(180px,18vw,260px);object-fit:cover;object-position:top center;border-radius:10px;display:block}.photo-item:hover img{transform:scale(1.04)}.zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0aeb;display:flex;align-items:center;justify-content:center;z-index:500}.zoom-img{max-width:90%;max-height:85vh;border-radius:12px;box-shadow:0 0 30px #ffffff1a;object-fit:contain}.nav-btn,.close-btn{position:absolute;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.8;transition:.3s ease;z-index:501}.nav-btn:hover,.close-btn:hover{opacity:1}.nav-btn{top:50%;transform:translateY(-50%)}.nav-btn.left{left:4%}.nav-btn.right{right:4%}.close-btn{top:5%;right:5%;transform:none}@media (max-width: 768px){.post-feed{grid-template-columns:1fr}.photo-item img{height:200px}}@media (max-width: 480px){.gallery-container{padding:15px 12px 30px}.gallery-title{font-size:1.4rem}.post-feed{gap:14px}.nav-btn.left{left:1%}.nav-btn.right{right:1%}}.blog-section{width:100%;padding:3rem 5%;color:#fff;text-align:center;box-sizing:border-box}.blog-title{font-size:2rem;margin-bottom:.3rem;color:#fff}.blog-sub{color:#aaa;margin-bottom:2rem;font-size:1rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;justify-content:center}.blog-post{background:#ffffff0d;border-radius:16px;padding:1.8rem;width:100%;text-align:left;transition:all .3s ease}.blog-post:hover{transform:translateY(-4px);box-shadow:0 0 20px #00ffc814}.post-title{font-size:1.15rem;color:#fff;margin-bottom:.8rem}.post-text{color:#ccc;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.vote-container{display:flex;gap:1.2rem;justify-content:center}.vote-btn-circle{background:#ffffff0d;border:none;border-radius:50%;padding:.8rem;color:#ddd;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;position:relative;box-shadow:0 0 8px #ffffff0d}.vote-btn-circle:hover{background:#ffffff1a}.vote-btn-circle.active.agree{background:#00ff8226;color:#00ff82;box-shadow:0 0 10px #00ff8266}.vote-btn-circle.active.disagree{background:#ff004626;color:#ff0050;box-shadow:0 0 10px #ff004666}.vote-btn-circle:disabled{opacity:.6;cursor:not-allowed}.vote-count{position:absolute;bottom:-.5rem;font-size:.7rem;color:#aaa}@media (max-width: 768px){.blog-section{padding:2rem 4%}.blog-grid{grid-template-columns:1fr}.blog-title{font-size:1.6rem}}@media (max-width: 480px){.blog-post{padding:1.3rem}.post-title{font-size:1rem}.post-text{font-size:.88rem}}:root{--accent: #00b4ff;--accent-2: #00ffe0}.contact-section{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:radial-gradient(circle at 25% 25%,rgba(0,255,200,.08),transparent 80%);color:#fff;padding:2rem 1.5rem 4rem;text-align:center;box-sizing:border-box}.contact-title{font-size:2.4rem;margin:1.5rem 0 .5rem;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;color:transparent}.contact-subtitle{font-size:1rem;color:#fffc;max-width:600px;margin-bottom:2rem;line-height:1.6}.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:2rem}.social-link{display:inline-block}.social-icon{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid var(--accent);background:#ffffff0d;padding:8px;transition:all .3s ease}.contact-form{display:flex;flex-direction:column;gap:14px;width:100%;max-width:500px}.contact-form input,.contact-form textarea{padding:12px;border-radius:8px;border:none;background:#ffffff14;color:#fff;outline:none;font-size:1rem;resize:none;width:100%;box-sizing:border-box}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#fff6}.contact-btn{padding:12px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;font-size:1rem}.contact-status{margin-top:10px;color:#0ff;font-weight:500}@media (max-width: 600px){.contact-title{font-size:1.8rem}.contact-subtitle{font-size:.9rem}.social-icon{width:48px;height:48px}.contact-form{max-width:100%}.contact-links{gap:14px}}@media (max-width: 400px){.contact-title{font-size:1.5rem}.social-icon{width:42px;height:42px;padding:6px}}.skills-container{padding:2rem 1rem;max-width:1200px;margin:0 auto;box-sizing:border-box}.skills-header{text-align:left;margin:10px 0 12px 2%;padding:0}.skills-header h2{font-size:1.5rem;color:#00ffe0;font-weight:600;margin:0}.skills-underline{width:60px;height:2px;background:#00ffe0;margin:6px 0 8px}.skills-header p{color:#b0b0b0;font-size:.95rem;margin:0}.skills-stage{position:relative;width:100%;height:400px;margin:20px auto;border-radius:14px;background:radial-gradient(circle at 50% 50%,#080808,#0f0f0f);box-shadow:inset 0 0 40px #00ffff14;overflow:hidden}.skill-circle{position:absolute;width:80px;height:80px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#00ffff0a;border:1px solid rgba(0,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:transform .22s ease,box-shadow .22s ease}.skill-circle img{width:34px;height:34px;margin-bottom:3px;filter:drop-shadow(0 0 6px rgba(0,255,255,.36)) brightness(1.1)}.skill-circle span{font-size:10px;color:#b4ffffe6;line-height:1}.skills-table{margin-top:40px;display:flex;flex-direction:column;gap:30px}.skills-row{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.skill-box{background:linear-gradient(145deg,#080808,#0f0f0f);border:1px solid rgba(0,255,255,.12);border-radius:12px;padding:18px 22px;width:280px;text-align:left;flex:1 1 250px;max-width:340px}.skill-box h3{font-size:1rem;font-weight:600;color:#00ffe0;margin-bottom:10px}.skill-box ul{list-style:disc;padding-left:20px}.skill-box li{font-size:.875rem;color:#b0b0b0;margin-bottom:6px;transition:color .2s,transform .2s}@media (max-width: 768px){.skills-stage{height:300px}.skill-circle{width:62px;height:62px}.skill-circle img{width:26px;height:26px}.skill-circle span{font-size:9px}.skill-box{max-width:100%;width:100%}}@media (max-width: 480px){.skills-container{padding:1rem .5rem}.skills-stage{height:240px}.skill-circle{width:54px;height:54px}.skill-circle img{width:22px;height:22px}.skills-row{gap:12px}}