.home-section{min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;gap:3rem;align-items:center;padding:3rem 2rem 1rem;color:var(--text)}.home-top,.hero-layout{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 380px;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 #00c2ff40;border:3px solid var(--accent);z-index:1}.profile-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.home-info{flex:1;min-width:360px;max-width:700px;display:flex;flex-direction:column;justify-content:center}.home-title{margin-bottom:.4rem;color:var(--text)}.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{margin-top:.4rem;max-width:95%;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:.8rem;margin-top:1.4rem}.profession-tag{border:1px solid var(--accent);padding:8px 16px;border-radius:20px;color:var(--text);cursor:default;background:var(--surface-soft);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.info-cards{display:flex;gap:1rem;flex-wrap:nowrap;margin-top:1.2rem;justify-content:center}.info-card{border-radius:12px;padding:12px 18px;flex:1;min-width:180px;max-width:300px;text-align:center}.info-card p{margin-top:4px}.quick-links{text-align:center;margin-top:1.2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.quick-links-title{color:var(--text);margin-bottom:.5rem}.quick-links-list{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.quick-link-img{width:50px;height:50px;border-radius:50%;object-fit:cover;filter:brightness(.9);transition:all .3s ease}@media (max-width: 768px){.home-section{padding:2rem 1rem 1rem;gap:2rem}.home-top,.hero-layout{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:18px}.hero-avatar,.profile-avatar,.avatar{width:140px!important;height:140px!important;max-width:140px!important;max-height:140px!important}.hero-title{margin-top:8px}.photo-container{flex:0 0 auto}.photo-ring{width:280px;height:280px}.photo-frame{width:250px;height:250px}.home-info{min-width:auto;max-width:100%;text-align:center}.home-title{margin-top:8px}.info-cards{flex-direction:column;align-items:stretch;width:100%}.info-card{width:100%!important;max-width:100%!important;min-width:auto}}@media (max-width: 480px){.photo-ring{width:240px;height:240px}.photo-frame{width:210px;height:210px}.quick-link-img{width:45px;height:45px}}:root{--bg-overlay: rgba(0,0,0,.45);--surface: rgba(10, 12, 16, .55);--surface-strong: rgba(10, 12, 16, .72);--surface-soft: rgba(10, 12, 16, .42);--border: rgba(255,255,255,.1);--border-soft: rgba(255,255,255,.07);--shadow: 0 18px 60px rgba(0,0,0,.45);--shadow-soft: 0 14px 40px rgba(0,0,0,.35);--radius-lg: 24px;--radius-md: 16px;--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.72);--muted-2: rgba(255,255,255,.58);--accent: #00c2ff;--accent-2: #00ffe0;--bg: #050509;--card: #0f1114;--glass: rgba(255,255,255,.03);--font-base: 16px;--font-h1: clamp(2.25rem, 4vw, 3rem);--font-h2: clamp(1.75rem, 3vw, 2.25rem);--font-h3: 1.5rem;--font-h4: 1.25rem;--font-body: 1rem;--font-small: .875rem;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--line-tight: 1.1;--line-snug: 1.15;--line-normal: 1.2;--line-relaxed: 1.25;--line-body: 1.6;--line-small: 1.5;--letter-tight: -.02em;--letter-normal: -.01em;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html,body{width:100%;max-width:100%;overflow-x:hidden;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);font-size:var(--font-base);line-height:var(--line-body);font-weight:var(--weight-regular);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video,canvas{max-width:100%;height:auto}p,h1,h2,h3,h4,h5,h6,a,li,span,div{overflow-wrap:anywhere;word-break:break-word}*,*:before,*:after{font-family:inherit}p,span,a,li,label,input,textarea,select,button{font-family:inherit;font-weight:var(--weight-regular)}body{margin:0;background-image:url(../images/bg.feb.png);background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-color:var(--bg);overflow-y:scroll}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;isolation:isolate}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(60% 60% at 30% 20%,rgba(0,194,255,.12),transparent 60%),linear-gradient(180deg,#00000059,#0000008c),#00000040;pointer-events:none}main{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:Inter,system-ui,-apple-system,sans-serif;margin:0 0 12px;color:var(--text);font-weight:inherit}h1{font-weight:var(--weight-extrabold);font-size:clamp(1.8rem,6vw,3rem);line-height:1.15;letter-spacing:var(--letter-tight)}h2{font-weight:var(--weight-bold);font-size:clamp(1.4rem,5vw,2.25rem);line-height:1.2;letter-spacing:var(--letter-normal)}h3{font-weight:var(--weight-bold);font-size:clamp(1.15rem,4.5vw,1.5rem);line-height:1.25;letter-spacing:var(--letter-normal)}h4{font-weight:var(--weight-semibold);font-size:var(--font-h4);line-height:var(--line-relaxed);letter-spacing:0}h5,h6{font-weight:var(--weight-semibold);font-size:var(--font-body);line-height:var(--line-body);letter-spacing:0}p,li{font-size:clamp(.95rem,3.6vw,1rem);font-weight:var(--weight-regular);line-height:1.6;letter-spacing:0;margin:0 0 1em}small,.small{font-size:var(--font-small);font-weight:var(--weight-regular);line-height:var(--line-small);letter-spacing:0}a{font-weight:var(--weight-medium);letter-spacing:0;text-decoration:none}button{font-weight:var(--weight-semibold);letter-spacing:0}label{font-weight:var(--weight-medium);letter-spacing:0}input,textarea,select{font-weight:var(--weight-regular);letter-spacing:0}.muted{color:var(--muted);font-weight:var(--weight-regular)}.muted-2{color:var(--muted-2);font-weight:var(--weight-regular)}.highlight{color:var(--accent);font-weight:var(--weight-bold)}.content-section p,.content-section li{max-width:65ch}.content-section p:last-child{margin-bottom:0}.glass-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}.glass-panel-strong{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}.glass-card{background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%)}.section-wrap{width:min(1200px,calc(100% - 24px));margin:0 auto;padding:34px 36px}@media (max-width: 768px){.section-wrap{width:calc(100% - 20px);padding:18px 14px}}@media (max-width: 480px){.section-wrap{padding:16px 12px}}.nav{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:var(--surface-strong);border-bottom:1px solid var(--border);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);z-index:50}.brand{display:flex;gap:12px;align-items:center}.brand .logo{width:42px;height:42px;border-radius:10px;background:linear-gradient(90deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;box-shadow:0 10px 30px #00c2ff1f}.brand h1{font-size:16px;margin:0;font-weight:800;letter-spacing:.4px}.nav-links{display:flex;gap:10px;align-items:center}.nav-links a,.nav-links button{color:var(--muted);text-decoration:none;padding:8px;border-radius:8px;font-weight:700;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.nav-links a.active{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.nav-links a:hover,.nav-links button:hover{color:var(--text);background:#ffffff05}@media (max-width: 768px){.nav{padding:10px 12px;flex-wrap:wrap}.nav-links{flex-wrap:wrap;gap:10px;justify-content:center;font-size:.9rem}.nav-links a{padding:6px;font-size:.85rem}.brand h1{font-size:14px}.brand .logo{width:36px;height:36px;font-size:1.2rem}.mobile-btn{display:flex;align-items:center}.mobile-btn button{padding:8px;font-size:1.5rem}}.footer{text-align:center;padding:20px;color:var(--muted);font-size:13px}.container{max-width:1200px;margin:28px auto;padding:0 20px}.card{background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:18px;box-shadow:var(--shadow-soft);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:18px}.project-card .ss{height:220px;border-radius:12px;overflow:hidden;background:linear-gradient(90deg,#ffffff05,#0003);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:12px;overflow:hidden;position:relative;cursor:pointer;background:linear-gradient(90deg,rgba(255,255,255,.02),transparent);display:flex;align-items:flex-end;justify-content:flex-start;padding:12px;color:#fff;font-weight:700;transition:transform .18s ease,box-shadow .18s ease}.gallery-item .caption{background:linear-gradient(90deg,rgba(2,6,23,.6),transparent);padding:8px;border-radius:8px;font-size:14px}.gallery-item:hover{transform:translateY(-8px);box-shadow:0 30px 80px #00c2ff14}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030305b3;display:flex;align-items:center;justify-content:center;z-index:200}.modal-content{max-width:1000px;width:92%;max-height:90vh;border-radius:12px;overflow:auto;padding:12px;background:var(--surface-strong);border:1px solid var(--border);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}.blog-input{width:100%;min-height:120px;background:var(--surface-soft);border-radius:10px;padding:12px;border:1px solid var(--border-soft);color:var(--text)}.blog-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.post{padding:12px;border-radius:10px;background:var(--surface-soft);border:1px solid var(--border-soft)}.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:var(--text)}.skills-stage{position:relative;width:100%;height:450px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);overflow:hidden;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}.skills-panel.glass-panel{background:radial-gradient(60% 60% at 50% 35%,rgba(0,194,255,.1),transparent 60%),var(--surface)}.skill-ball{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%;background:radial-gradient(circle at top left,var(--accent),var(--accent-2));box-shadow:0 0 10px #ffffff0d;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;margin-top:12px}.cert{padding:12px;border-radius:12px;background:var(--surface-soft);border:1px solid var(--border-soft)}@media (max-width: 768px){.grid,.cards,.columns,.two-col,.three-col{grid-template-columns:1fr!important}.row,.flex-row,.split,.layout,.content-row{flex-direction:column!important;align-items:center}.row>*,.flex-row>*,.split>*,.layout>*{width:100%!important;max-width:100%!important}.projects-grid{grid-template-columns:1fr!important;gap:14px!important}.project-card{width:100%!important;max-width:100%!important;min-width:0!important}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.skills-stage{height:360px}.skills-bubbles,.skills-container,.bubble-wrap,.skills-stage{position:static!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;justify-items:center!important;align-items:center!important;height:auto!important;min-height:unset!important}.skill-bubble,.bubble,.skill-item,.skill-circle{position:static!important;width:110px!important;height:110px!important;max-width:110px!important;max-height:110px!important;left:auto!important;top:auto!important}.resume-grid,.resume-columns,.resume-layout{grid-template-columns:1fr!important;flex-direction:column!important}.resume-card,.resume-panel{width:100%!important;padding:16px!important}.resume-links,.social-links{display:flex;flex-wrap:wrap;gap:10px}.about-grid,.about-cards,.contact-grid,.contact-layout{grid-template-columns:1fr!important}input,textarea,select,button{width:100%;max-width:100%}.about-education-card{flex-direction:column!important;text-align:center!important;padding:1.2rem!important}iframe{height:500px!important;min-height:400px!important}}@media (max-width: 480px){.skills-bubbles,.skills-container,.bubble-wrap,.skills-stage{grid-template-columns:repeat(2,minmax(0,1fr))!important}.skill-bubble,.bubble,.skill-item,.skill-circle{width:96px!important;height:96px!important}iframe{height:450px!important}}@media (max-width: 900px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.contact-section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:var(--text);text-align:center}.contact-title,.contact-subtitle{margin:0}.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;margin-bottom:2.2rem;z-index:1}.social-link{display:inline-block}.social-icon{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--accent);background:var(--surface-soft);padding:8px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.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:1px solid var(--border-soft);background:#ffffff0f;color:var(--text);outline:none;font-size:1rem;resize:none;font-family:inherit;transition:all .2s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #00c2ff33;background:#ffffff14}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--muted-2)}.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-family:inherit;transition:all .2s ease}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00c2ff4d}.contact-status{margin-top:10px;color:var(--accent);font-weight:500}@media (max-width: 768px){.contact-section{padding:20px 0}.contact-links{gap:15px;margin-bottom:1.5rem}.social-icon{width:50px;height:50px}.contact-form{max-width:100%;padding:24px!important}.contact-form input,.contact-form textarea{width:100%;max-width:100%}}@media (max-width: 480px){.contact-links{gap:12px}.social-icon{width:45px;height:45px}.contact-form{padding:18px!important}}.skills-header{text-align:left;margin:10px 0 12px 4%;padding:0;max-width:92%}.skills-header h2{font-size:1.25rem;color:#00ffe0;font-weight:600;margin:0;line-height:1.05}.underline{width:60px;height:2px;background:#00ffe0;margin:6px 0 8px}.skills-header p{color:#b0b0b0;font-size:.95rem;margin:0;padding:0}.skills-stage{position:relative;width:94%;max-width:1200px;height:360px;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:68px;height:68px;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:28px;height:28px;margin-bottom:2px;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;margin:0;padding:0}.skills-table{margin-top:50px;display:flex;flex-direction:column;gap:40px}.skills-row{display:flex;justify-content:center;gap:32px;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:300px;text-align:left}