@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg:#060610;--bg2:#0a0a1a;--app-bar-bg:#07070e;--primary:#00d9ff;--secondary:#ff006e;--tertiary:#8338ec;--yellow:#ffbe0b;--green:#06ffa5;--purple:#9d4edd;--blue:#5b7fff;--accent-cyan:#00d9ff;--accent-purple:#9d4edd;--accent-green:#06ffa5;--accent-yellow:#ffbe0b;--glass-white:#ffffff0b;--glass-border:#ffffff14;--glass-highlight:#ffffff29;--card-bg:#08081452;--card-bg-light:#0e0e1e6b;--bg-card:#08081452;--bg-card-hover:#1010247a;--border-color:#ffffff14;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--text-primary:#fff;--text-secondary:#8892b0;--text-grey:#ccd6f6;--text-muted:#fff6;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:100px;--transition-fast:all .2s cubic-bezier(.16, 1, .3, 1);--transition-normal:all .3s cubic-bezier(.16, 1, .3, 1);--border:#1a1a2e;--border-light:#2d2d44;--blob-purple:#7b2ffe;--blob-cyan:#00d9ff;--blob-pink:#ff1493}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--bg);color:var(--text-primary);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--primary), var(--purple));border-radius:3px}.glass-card{-webkit-backdrop-filter:blur(8px);background:#0a0a1852;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 10px 36px #0006}.glass-card-sm{-webkit-backdrop-filter:blur(6px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px}.neon-card{-webkit-backdrop-filter:blur(8px);background:#08081452;border:1px solid #ffffff14;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 12px 48px #00000073,inset 0 1px #ffffff0f}.neon-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#00d9ff40,#9b4edd40,#00d9ff14);border-radius:24px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #00d9ff4d}50%{box-shadow:0 0 24px #00d9ff99,0 0 40px #00d9ff33}}@keyframes rotate-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blob-move{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-right{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-fade-up{animation:.6s forwards fade-up}.animate-slide-right{animation:.5s forwards slide-right}.animate-scale-in{animation:.4s forwards scale-in}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.blob{filter:blur(80px);opacity:.1;pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite blob-move;position:absolute}.section-accent{background:var(--primary);vertical-align:middle;border-radius:2px;width:3px;height:20px;margin-right:12px;display:inline-block}.status-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-glow;display:inline-block;box-shadow:0 0 8px #06ffa599}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--purple));color:#fff;font-family:var(--font-primary);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{opacity:.85;transform:translateY(-2px);box-shadow:0 8px 24px #00d9ff4d}.btn-glass{color:#fff;font-family:var(--font-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-glass:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px)}.tech-chip{color:var(--primary);font-size:11px;font-weight:600;font-family:var(--font-mono);background:#00d9ff14;border:1px solid #00d9ff33;border-radius:20px;padding:3px 10px;display:inline-block}::selection{color:#fff;background:#00d9ff40}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.app-root{background:var(--bg);min-height:100vh;position:relative;overflow-x:hidden}.cursor-field-bg-wrap{z-index:0;pointer-events:none;opacity:.7;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.bg-blob{filter:blur(100px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.bg-blob-1{background:var(--blob-purple);opacity:.05;width:550px;height:550px;animation:15s ease-in-out infinite blob-move;top:-150px;right:-150px}.bg-blob-2{background:var(--blob-cyan);opacity:.04;width:500px;height:500px;animation:18s ease-in-out infinite reverse blob-move;bottom:80px;left:-120px}.bg-blob-3{background:var(--blob-pink);opacity:.035;width:380px;height:380px;animation:20s ease-in-out 5s infinite blob-move;top:45%;left:45%}.page-content{z-index:1;padding-top:76px;position:relative}.content-wrapper{flex-direction:column;gap:28px;width:100%;max-width:1560px;margin:0 auto;padding:16px clamp(14px,3.2vw,48px);display:flex}.section-wrapper{margin-bottom:24px;scroll-margin-top:88px}#hero,#skills,#experience,#stats,#achievements,#projects,#contact{scroll-margin-top:88px}.exp-skills-row{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;display:grid}.exp-skills-col{flex-direction:column;height:100%;display:flex}.exp-skills-col .neon-card{height:100%}@media (width<=960px){.exp-skills-row{grid-template-columns:1fr;gap:28px}}@media (width<=768px){.page-content{padding-top:70px}.content-wrapper{gap:20px;padding:12px 10px}.section-wrapper{margin-bottom:16px;scroll-margin-top:76px}#hero,#skills,#experience,#stats,#achievements,#projects,#contact{scroll-margin-top:76px}}.back-to-top-btn{-webkit-backdrop-filter:blur(14px);cursor:pointer;z-index:999;background:#0e0e1cbf;border:1px solid #00d9ff66;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:all .25s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 20px #00000080,0 0 16px #00d9ff40}.back-to-top-btn:hover{background:#0e0e1ce6;border-color:#00d9ffb3;transform:translateY(-4px)scale(1.05);box-shadow:0 6px 24px #0009,0 0 24px #00d9ff73}.progress-ring-svg{position:absolute;top:0;left:0;transform:rotate(-90deg)}.progress-ring-bg{fill:#0000;stroke:#ffffff14}.progress-ring-circle{fill:#0000;stroke:var(--accent-cyan);stroke-linecap:round;transition:stroke-dashoffset .15s}.back-to-top-arrow{z-index:1;color:#fff;font-size:18px;font-weight:900;position:relative}@media (width<=768px){.back-to-top-btn{width:44px;height:44px;bottom:20px;right:18px}}.top-reading-progress-track{z-index:1002;pointer-events:none;background:0 0;height:2.5px;position:fixed;top:0;left:0;right:0}.top-reading-progress-bar{background:linear-gradient(90deg,#00d9ff,#7b2ffe,#ff007f);height:100%;transition:width .1s ease-out;box-shadow:0 0 10px #00d9ffcc,0 0 5px #ff007f99}.navbar-wrapper{z-index:1000;pointer-events:none;flex-direction:column;align-items:center;width:100%;transition:padding .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;right:0}.navbar-container{pointer-events:auto;justify-content:space-between;align-items:center;width:100%;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.docked-header{-webkit-backdrop-filter:blur(8px);background:#06061252;border-bottom:1px solid #ffffff0f;border-radius:0;width:100%;height:66px;padding:0 clamp(16px,3.5vw,48px)}.floating-pill{-webkit-backdrop-filter:blur(12px);background:#08081885;border:1px solid #ffffff1f;border-radius:100px;width:min(1560px,100% - 48px);height:58px;margin-top:12px;padding:0 clamp(16px,2.5vw,28px);box-shadow:0 8px 32px #000000a6,0 4px 18px #7b2ffe2e}.navbar-logo{cursor:pointer;color:inherit;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-ring{background:#0e0e1a;border:1.5px solid #00d9ff8c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden;box-shadow:0 0 12px #00d9ff59}.logo-img{object-fit:cover;width:100%;height:100%}.logo-text{align-items:baseline;gap:4px;display:flex}.logo-name{color:#fff;letter-spacing:-.4px;font-size:15.5px;font-weight:800}.logo-separator{color:#ffffff4d;font-size:14px;font-weight:300}.logo-title{color:var(--accent-cyan);letter-spacing:-.2px;font-size:14px;font-weight:600}.navbar-links{align-items:center;gap:6px;display:flex}.nav-link{color:#fffc;font-family:var(--font-primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.nav-link:hover{color:#fff;background:#ffffff14}.nav-link.active{color:var(--accent-cyan);background:#00d9ff1a;font-weight:700}.navbar-actions{align-items:center;gap:12px;display:flex}.resume-pill-btn{color:var(--accent-cyan);white-space:nowrap;background:#00d9ff24;border:1px solid #00d9ff59;border-radius:100px;align-items:center;gap:6px;padding:7px 16px;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 14px #00d9ff26}.resume-pill-btn:hover{color:#fff;background:#00d9ff40;border-color:#00d9ffa6;transform:translateY(-1px);box-shadow:0 4px 20px #00d9ff59}.resume-icon{font-size:13px}.hamburger-btn{cursor:pointer;pointer-events:auto;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.bar{background:#ccd6f6;border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.bar-1.open{transform:translateY(7px)rotate(45deg)}.bar-2.open{opacity:0}.bar-3.open{transform:translateY(-7px)rotate(-45deg)}.mobile-drawer{pointer-events:auto;-webkit-backdrop-filter:blur(28px);background:#0a0a18e0;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:4px;width:min(450px,100% - 24px);margin:8px auto 0;padding:14px;display:flex;box-shadow:0 16px 40px #000000b3}.mobile-drawer-link{color:#8892b0;font-family:var(--font-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;padding:10px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mobile-drawer-link:hover,.mobile-drawer-link.active{color:var(--accent-cyan);background:#00d9ff1f;font-weight:700}.mobile-drawer-resume{color:var(--accent-cyan);background:#00d9ff2e;border:1px solid #00d9ff66;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:11px 16px;font-size:13.5px;font-weight:700;text-decoration:none;display:flex}@media (width<=900px){.navbar-links{display:none}.hamburger-btn{display:flex}.floating-pill{width:calc(100% - 20px);height:56px;margin-top:8px;padding:0 16px}}.section-frosted-capsule-wrap{justify-content:center;align-items:center;gap:12px;width:100%;margin:10px 0 18px;display:flex}.capsule-line{background:#ffffff1a;width:36px;height:1px}.section-frosted-capsule{-webkit-backdrop-filter:blur(6px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:100px;align-items:center;gap:8px;padding:6px 18px;display:inline-flex;box-shadow:0 4px 16px #00000040}.capsule-icon{color:var(--accent-cyan);align-items:center;font-size:14px;display:flex}.capsule-label{color:#fff;letter-spacing:-.2px;font-size:13.5px;font-weight:700}.typewriter-wrap{font-family:Inter,sans-serif;font-size:clamp(16px,3vw,26px);font-weight:700;display:inline}.typewriter-cursor{margin-left:2px;font-weight:300;transition:opacity .1s;display:inline}.hero-section{-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-xl);background:#0a0a1859;border:1px solid #ffffff14;padding:clamp(24px,4vw,44px) clamp(16px,3vw,40px);position:relative;overflow:hidden;box-shadow:0 10px 40px #0006}.hero-blob-1{background:var(--blob-cyan);width:500px;height:500px;animation:10s ease-in-out infinite blob-move;top:-150px;right:-150px}.hero-blob-2{background:var(--blob-purple);width:400px;height:400px;animation:12s ease-in-out infinite reverse blob-move;bottom:-100px;left:-100px}.hero-inner{z-index:1;flex-direction:column;gap:30px;display:flex;position:relative}.hero-desktop{justify-content:space-between;align-items:center;gap:40px;display:flex}.hero-text{flex-direction:column;flex:3;gap:0;min-width:0;display:flex}.hero-greeting-badge{color:var(--primary);letter-spacing:.5px;background:#00d9ff1a;border:1px solid #00d9ff4d;border-radius:20px;align-items:center;gap:8px;width:fit-content;margin-bottom:14px;padding:5px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero-name{letter-spacing:-1.5px;color:#fff;margin-bottom:16px;font-size:clamp(32px,4.5vw,56px);font-weight:900;line-height:1.1}.hero-role-row{align-items:center;gap:12px;min-height:40px;margin-bottom:24px;display:flex}.hero-code-icon{font-family:var(--font-mono);color:var(--accent-cyan);background:#00d9ff1f;border:1px solid #00d9ff4d;border-radius:8px;flex-shrink:0;padding:4px 8px;font-size:14px;font-weight:700;line-height:1}.hero-chips{flex-wrap:wrap;gap:12px;display:flex}.hero-photo-wrap{flex:none;justify-content:center;align-items:center;display:flex}.profile-img-outer{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(210px,20vw,260px);height:clamp(210px,20vw,260px);display:flex;position:relative}.profile-ring{pointer-events:none;filter:blur(4px);opacity:.85;z-index:1;background:conic-gradient(#00d9ff,#7b2ffe,#ff007f,#ffbe0b,#06ffa5,#00d9ff);border-radius:50%;position:absolute;inset:-8px}.profile-ring-overlay{pointer-events:none;background:radial-gradient(circle,#00d9ff40 0%,#0000 70%);border-radius:50%;position:absolute;inset:-12px}.profile-img{z-index:2;background:#080816;border:4px solid #0a0a18f2;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 35px #00d9ff40,0 10px 30px #0009}.profile-img img{object-fit:cover;object-position:center 20%;border-radius:50%;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.profile-img:hover{transform:scale(1.03)}.stat-chip{-webkit-backdrop-filter:blur(6px);background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:2px;padding:10px 16px;transition:all .2s;display:flex}.stat-chip:hover{background:#ffffff12;transform:translateY(-2px)}.stat-value{letter-spacing:-.3px;font-size:18px;font-weight:800}.stat-label{color:var(--text-secondary);font-size:11px;font-weight:500}.social-links-bar{-webkit-backdrop-filter:blur(8px);background:#ffffff06;border:1px solid #ffffff0f;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:10px;padding:12px 18px;display:flex}.social-btn{color:#fff;font-size:13px;font-weight:600;font-family:var(--font-primary);background:#ffffff09;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s;display:inline-flex}.social-btn:hover{border-color:var(--btn-accent,var(--accent-cyan));box-shadow:0 4px 16px #00000059, 0 0 10px var(--btn-accent,transparent);background:#ffffff14;transform:translateY(-2px)}.social-btn-img{object-fit:contain;border-radius:3px;width:16px;height:16px}.social-icon{font-size:14px}.social-arrow{color:#ffffff59;font-size:11px}.about-card{-webkit-backdrop-filter:blur(8px);background:#0c0c1c52;border:1px solid #ffffff14;border-radius:20px;padding:clamp(20px,3vw,32px) clamp(16px,2.5vw,28px)}.about-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.mac-dots{align-items:center;gap:7px;display:flex}.mac-dot{border-radius:50%;width:11px;height:11px;display:block}.mac-red{background:#ff5f56}.mac-yellow{background:#ffbd2e}.mac-green{background:#27c93f}.about-filename{color:var(--text-secondary);background:#ffffff0a;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:flex}.about-terminal-icon{font-size:13px}.mono-text{font-family:var(--font-mono);font-size:11px}.about-open-badge{color:var(--green);letter-spacing:.5px;background:#06ffa51a;border:1px solid #06ffa54d;border-radius:12px;align-items:center;gap:6px;margin-left:auto;padding:3px 10px;font-size:10px;font-weight:700;display:flex}.about-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.about-info-card{-webkit-backdrop-filter:blur(6px);cursor:default;transition:var(--transition-fast);background:#ffffff06;border:1px solid;border-radius:16px;padding:16px}.about-info-card:hover{background:#ffffff0f;transform:translateY(-2px)}.about-card-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.about-card-icon-wrap{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex}.about-card-title{color:#fff;flex:1;font-size:14px;font-weight:700}.about-card-tag{white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600}.about-card-content{color:var(--text-grey);font-size:12.5px;font-weight:400;line-height:1.55}.about-quote{-webkit-backdrop-filter:blur(6px);border:1px solid;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.about-quote-icon{background:#00d9ff1f;border-radius:8px;flex-shrink:0;padding:7px;font-size:16px}.about-quote p{color:var(--text-grey);font-size:clamp(12px,1.5vw,13.5px);font-weight:500;line-height:1.5}.capabilities-section{flex-direction:column;gap:18px;display:flex}.capabilities-header{align-items:center;gap:12px;display:flex}.cap-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.capabilities-header h3{color:#fff;letter-spacing:-.3px;font-size:18px;font-weight:800}.capabilities-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.cap-card{text-align:center;-webkit-backdrop-filter:blur(6px);cursor:default;transition:var(--transition-fast);background:#ffffff06;border:1px solid;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;display:flex}.cap-card:hover{background:#ffffff12;transform:translateY(-3px)}.cap-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.cap-title{color:#fff;font-size:13px;font-weight:700}.cap-desc{color:var(--text-secondary);white-space:pre-line;font-size:11px;line-height:1.4}@media (width<=900px){.hero-desktop{text-align:center;flex-direction:column;gap:28px}.hero-text{align-items:center}.hero-role-row,.hero-chips{justify-content:center}.hero-photo-wrap{order:-1;justify-content:center;width:100%;display:flex}.profile-img-outer{width:200px;height:200px}.capabilities-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.profile-img-outer{width:170px;height:170px}.profile-ring{inset:-6px}.about-grid{grid-template-columns:1fr;gap:10px}.hero-name{margin-bottom:10px;font-size:28px}.hero-chips{gap:8px}.stat-chip{padding:7px 11px}.stat-value{font-size:15px}}@media (width<=480px){.capabilities-grid{grid-template-columns:1fr}.social-links-bar{gap:6px}.social-btn{padding:7px 10px;font-size:12px}}.skills-section{-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-xl);background:#0a0a1859;border:1px solid #ffffff14;padding:clamp(20px,3vw,32px) clamp(16px,2.5vw,28px);position:relative;overflow:hidden;box-shadow:0 10px 40px #0006}.skills-blob-1{background:var(--primary);width:300px;height:300px;animation:9s ease-in-out infinite blob-move;top:-100px;left:-80px}.skills-blob-2{background:var(--purple);width:250px;height:250px;animation:11s ease-in-out infinite reverse blob-move;bottom:-80px;right:-60px}.skills-inner{z-index:1;flex-direction:column;gap:0;display:flex;position:relative}.skill-category{margin-bottom:24px}.skill-category:last-child{margin-bottom:0}.category-header{align-items:center;margin-bottom:14px;display:flex}.category-title{color:#fff;letter-spacing:.2px;font-size:15px;font-weight:700}.skill-chips-wrap{flex-wrap:wrap;gap:8px;display:flex}.skill-chip{cursor:default;-webkit-backdrop-filter:blur(6px);background:#ffffff09;border:1px solid;border-radius:10px;align-items:center;gap:7px;padding:6px 12px;display:inline-flex}.skill-chip-img{object-fit:contain;border-radius:3px;flex-shrink:0;width:15px;height:15px}.skill-chip-emoji{flex-shrink:0;font-size:13px;line-height:1}.skill-chip-name{font-size:12px;font-family:var(--font-primary);letter-spacing:-.1px}.skill-chip-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:block}.experience-section{-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-xl);background:#0a0a1859;border:1px solid #ffffff14;padding:clamp(20px,3vw,32px) clamp(16px,2.5vw,32px);position:relative;overflow:hidden;box-shadow:0 10px 40px #0006}.exp-blob-1{background:var(--purple);width:300px;height:300px;animation:10s ease-in-out infinite blob-move;top:-80px;right:-80px}.exp-inner{z-index:1;position:relative}.exp-item{align-items:flex-start;gap:18px;display:flex}.exp-timeline{flex-direction:column;flex-shrink:0;align-items:center;padding-top:3px;display:flex}.exp-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px}.exp-line{flex:1;width:2px;min-height:120px}.exp-content{flex-direction:column;flex:1;gap:0;padding-bottom:8px;display:flex}.exp-company{letter-spacing:.2px;font-size:clamp(15px,2vw,17px);font-weight:700}.exp-role{color:#fff;margin-top:4px;font-size:clamp(13px,1.6vw,15px);font-weight:600}.exp-meta{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.exp-chip{-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid;border-radius:8px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:500;display:inline-flex}.exp-responsibilities{flex-direction:column;gap:6px;margin-top:12px;list-style:none;display:flex}.exp-resp-item{color:#ccd6f6;align-items:flex-start;gap:10px;font-size:clamp(12px,1.4vw,13px);line-height:1.6;display:flex}.exp-bullet{border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:6px}.exp-cert-btn{font-size:12px;font-weight:600;font-family:var(--font-primary);-webkit-backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid;border-radius:10px;align-items:center;gap:6px;width:fit-content;margin-top:12px;padding:7px 14px;text-decoration:none;transition:all .2s;display:inline-flex}.exp-cert-btn:hover{background:#ffffff17;transform:translateY(-1px)}.exp-divider{padding:16px 0 16px 17px}.exp-divider-line{background:linear-gradient(90deg,#ffffff14,#0000);height:1px}@media (width<=640px){.exp-item{gap:12px}.exp-meta{flex-direction:column;gap:6px}}.stats-section{border-radius:var(--radius-xl);background:var(--bg-card);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);margin-bottom:24px;padding:32px 28px;position:relative;overflow:hidden;box-shadow:0 10px 40px #0006,inset 0 1px #ffffff0d}.stats-blob-1{pointer-events:none;background:radial-gradient(circle,#00d9ff14 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-100px;right:-100px}.stats-inner{z-index:1;flex-direction:column;gap:22px;display:flex;position:relative}.stats-subheader{align-items:center;gap:12px;margin-top:4px;display:flex}.stats-header-icon{border-radius:var(--radius-md);border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.stats-subheader-title{color:var(--text-primary);letter-spacing:-.3px;font-size:1.15rem;font-weight:800}.stats-card{border-radius:var(--radius-lg);transition:var(--transition-normal);background:#ffffff09;border:1px solid #ffffff14;padding:22px}.stats-card:hover{background:#ffffff0d;border-color:#ffffff26;box-shadow:0 8px 30px #0000004d}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header-icon{margin-right:8px;font-size:17px}.card-header-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.stats-top-grid{grid-template-columns:5fr 6fr;gap:20px;display:grid}@media (width<=900px){.stats-top-grid{grid-template-columns:1fr}}.platform-table{flex-direction:column;gap:6px;display:flex}.platform-table-head{border-radius:var(--radius-sm);color:var(--text-secondary);background:#ffffff0d;justify-content:space-between;padding:8px 12px;font-size:.75rem;font-weight:600;display:flex}.col-platform{flex:2}.col-achievement{flex:3}.platform-row{border-radius:var(--radius-sm);transition:var(--transition-fast);background:#ffffff05;border:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:10px 12px;text-decoration:none;display:flex}.platform-row:hover{background:#ffffff12;border-color:#ffffff24;transform:translate(3px)}.platform-col-name{flex:2;align-items:center;gap:8px;display:flex}.platform-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 6px}.platform-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.platform-col-metric{flex:3;justify-content:space-between;align-items:center;gap:8px;display:flex}.metric-text{color:var(--text-secondary);font-size:.8rem;font-weight:500}.arrow-indicator{color:var(--text-muted);opacity:.6;font-size:.75rem}.platform-row:hover .arrow-indicator{color:var(--accent-cyan);opacity:1}.leetcode-perf-card{border-color:#ffa11640;box-shadow:0 8px 30px #ffa1160f}.lc-logo-tag{align-items:center;gap:8px;display:flex}.lc-icon-img{object-fit:contain;width:20px;height:20px}.lc-rating-pill{color:#ffa116;border-radius:var(--radius-full);letter-spacing:.5px;background:#ffa11626;border:1px solid #ffa11659;padding:3px 10px;font-size:.72rem;font-weight:800}.lc-subtitle{color:var(--text-secondary);margin-top:-8px;margin-bottom:16px;font-size:.75rem}.lc-donut-row{align-items:center;gap:20px;margin-bottom:18px;display:flex}.donut-wrap{flex-shrink:0}.donut-svg{display:block}.donut-center-text{fill:#fff;font-family:var(--font-primary);font-size:20px;font-weight:900}.donut-sub-text{fill:var(--text-secondary);font-family:var(--font-primary);letter-spacing:.5px;font-size:10px;font-weight:600}.lc-diff-bars{flex-direction:column;flex:1;gap:9px;display:flex}.diff-bar-item{align-items:center;gap:10px;display:flex}.diff-label{width:52px;font-size:.75rem;font-weight:700}.diff-label.easy{color:#00b8a3}.diff-label.medium{color:#ffc01e}.diff-label.hard{color:#ff375f}.diff-track{border-radius:var(--radius-full);background:#ffffff14;flex:1;height:6px;overflow:hidden}.diff-fill{border-radius:var(--radius-full);height:100%;transition:width 1s ease-out}.diff-fill.easy{background:#00b8a3}.diff-fill.medium{background:#ffc01e}.diff-fill.hard{background:#ff375f}.diff-counts{color:var(--text-primary);white-space:nowrap;font-size:.75rem;font-weight:600}.heatmap-wrapper{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0f;padding:12px}.heatmap-header-info{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.75rem;display:flex}.badges-badge{color:var(--accent-cyan);font-weight:600}.heatmap-container{align-items:center;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.heatmap-labels{height:68px;color:var(--text-muted);flex-direction:column;justify-content:space-between;padding-right:4px;font-size:.65rem;display:flex}.heatmap-grid{flex:1;gap:3px;display:flex}.heatmap-col{flex-direction:column;gap:3px;display:flex}.heatmap-cell{width:9px;height:9px;transition:var(--transition-fast);background:#ffffff0f;border-radius:2px}.heatmap-cell.level-1{background:#0e7a23}.heatmap-cell.level-2{background:#27c93f}.heatmap-cell.level-3{background:#00ff7f;box-shadow:0 0 5px #00ff7f80}.heatmap-cell:hover{z-index:2;transform:scale(1.3)}.stats-divider-line{background:#ffffff14;width:100%;height:1px;margin:6px 0}.stats-mid-grid{grid-template-columns:5fr 6fr;gap:20px;display:grid}@media (width<=900px){.stats-mid-grid{grid-template-columns:1fr}}.streak-stats-row{text-align:center;justify-content:space-around;align-items:center;padding-top:8px;display:flex}.streak-stat-col{flex-direction:column;gap:3px;display:flex}.streak-stat-num{color:var(--text-primary);font-size:1.8rem;font-weight:900;line-height:1.1}.streak-stat-label{color:var(--text-secondary);font-size:.75rem;font-weight:700}.streak-stat-sub{color:var(--text-muted);font-size:.65rem}.streak-ring-col{flex-direction:column;align-items:center;gap:6px;display:flex}.streak-ring{border:3.5px solid var(--accent-purple);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:0 0 16px #9d4edd59}.streak-ring-num{color:var(--text-primary);font-size:1.25rem;font-weight:900}.streak-ring-label{color:var(--accent-cyan);font-size:.72rem;font-weight:700}.gh-summary-content{justify-content:space-between;align-items:center;gap:16px;display:flex}.gh-details{flex-direction:column;flex:1;gap:5px;display:flex}.gh-username{color:#5b7fff;margin-bottom:2px;font-size:.92rem;font-weight:700;text-decoration:none}.gh-username:hover{text-decoration:underline}.gh-metric-line{color:var(--text-secondary);align-items:center;gap:6px;font-size:.75rem;display:flex}.gh-wave-graph{flex-shrink:0;width:170px;height:75px}.wave-svg{width:100%;height:100%;display:block}.stats-lang-grid{grid-template-columns:1fr 1fr 1fr;gap:18px;display:grid}@media (width<=900px){.stats-lang-grid{grid-template-columns:1fr}}.lang-header{flex-direction:column;gap:2px;margin-bottom:14px;display:flex}.lang-title{color:var(--text-primary);font-size:.88rem;font-weight:700}.lang-subtitle{color:var(--text-muted);font-size:.7rem}.lang-content{align-items:center;gap:16px;display:flex}.lang-legend{flex-direction:column;flex:1;gap:4px;display:flex}.legend-row{align-items:center;gap:6px;font-size:.75rem;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.legend-name{color:var(--text-primary);flex:1;font-weight:500}.legend-pct{color:var(--text-secondary);font-size:.7rem}.hourly-histogram{flex-direction:column;gap:6px;display:flex}.hourly-bars{align-items:flex-end;gap:2.5px;height:65px;display:flex}.hourly-bars .bar{transition:var(--transition-fast);border-radius:2px 2px 0 0;flex:1}.hourly-bars .bar.normal{background:#00d9ff73}.hourly-bars .bar.high{background:var(--accent-green);box-shadow:0 0 8px #06ffa566}.hourly-bars .bar:hover{transform-origin:bottom;background:#fff;transform:scaleY(1.1)}.hourly-axis{color:var(--text-muted);justify-content:space-between;font-size:.65rem;display:flex}.projects-section{margin-bottom:24px;padding:clamp(20px,3vw,32px) clamp(16px,2.5vw,28px);position:relative;overflow:hidden}.projects-blob-1{background:var(--blob-cyan);width:350px;height:350px;animation:11s ease-in-out infinite blob-move;top:-100px;right:-80px}.projects-inner{z-index:1;flex-direction:column;gap:20px;display:flex;position:relative}.category-filter-wrap{flex-wrap:wrap;gap:8px;display:flex}.cat-filter-btn{color:#8892b0;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;padding:6px 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .2s}.cat-filter-btn:hover{color:#00d9ff;background:#00d9ff14;border-color:#00d9ff4d}.cat-filter-btn.active{color:#00d9ff;background:#00d9ff1f;border-color:#00d9ff66;font-weight:700}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.project-card{cursor:default;-webkit-backdrop-filter:blur(8px);border:1px solid;border-radius:20px;flex-direction:column;gap:12px;padding:20px;display:flex}.project-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.project-category-chip{white-space:nowrap;border:1px solid;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.project-duration{color:#8892b0;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:11px}.project-title{color:#fff;font-size:clamp(14px,1.8vw,16px);font-weight:700;line-height:1.3}.project-desc{color:#ccd6f6;font-size:13px;line-height:1.55}.project-tech-wrap{flex-wrap:wrap;gap:6px;display:flex}.project-tech-chip{border:1px solid;border-radius:10px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:600}.project-expanded{border-top:1px solid #ffffff0f;flex-direction:column;gap:12px;padding-top:8px;display:flex}.project-detailed{color:#8892b0;font-size:12.5px;line-height:1.6}.project-features-label{color:#fff;font-size:12px;font-weight:700}.project-features{flex-direction:column;gap:5px;list-style:none;display:flex}.project-features li{color:#ccd6f6;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.feat-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:5px}.project-avail{gap:8px;display:flex}.avail-badge{border:1px solid;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.project-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.project-expand-btn{font-size:12px}.project-links{gap:8px;display:flex}.project-link-btn{padding:7px 12px;font-size:12px}.projects-empty{text-align:center;color:#8892b0;padding:40px 0;font-size:14px}@media (width<=640px){.projects-grid{grid-template-columns:1fr}}.achievements-section{margin-bottom:24px;padding:clamp(20px,3vw,32px) clamp(16px,2.5vw,28px);position:relative;overflow:hidden}.ach-blob-1{background:#ffbe0b;width:350px;height:350px;animation:9s ease-in-out infinite blob-move;top:-100px;left:-80px}.ach-inner{z-index:1;flex-direction:column;gap:20px;display:flex;position:relative}.ach-section-header{align-items:center;gap:12px;display:flex}.ach-icon-wrap{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.ach-section-title{letter-spacing:-.2px;font-size:16px;font-weight:800}.ach-divider{background:linear-gradient(90deg,#ffffff0f,#0000);height:1px}.cp-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.cp-card{-webkit-backdrop-filter:blur(6px);color:inherit;background:#ffffff06;border:1px solid;border-radius:16px;align-items:center;gap:14px;padding:16px;text-decoration:none;transition:all .2s;display:flex}.cp-card:hover{background:#ffffff0f}.cp-platform-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.cp-info{flex-direction:column;gap:2px;display:flex}.cp-platform{color:#fff;font-size:13px;font-weight:700}.cp-rating{letter-spacing:-.5px;font-family:JetBrains Mono,monospace;font-size:20px;font-weight:900}.cp-achievement{color:#8892b0;font-size:11px}.cp-stars{gap:1px;margin-top:2px;display:flex}.leetcode-card{justify-content:center;padding:16px;display:flex}.leetcode-img{border-radius:12px;max-width:100%}.awards-list{flex-direction:column;gap:14px;display:flex}.award-item{-webkit-backdrop-filter:blur(6px);background:#ffffff05;border:1px solid;border-radius:16px;align-items:flex-start;gap:16px;padding:16px;display:flex}.award-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.award-info{flex-direction:column;flex:1;gap:4px;display:flex}.award-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.award-title{color:#fff;font-size:15px;font-weight:700}.award-amount{border:1px solid;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.award-org-date{color:#8892b0;font-size:12px}.award-desc{color:#ccd6f6;font-size:12.5px;line-height:1.5}.award-cert-link{width:fit-content;margin-top:4px;font-size:12px;font-weight:600;text-decoration:none;transition:opacity .2s}.award-cert-link:hover{opacity:.7}.certs-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.cert-card{-webkit-backdrop-filter:blur(6px);background:#ffffff05;border:1px solid;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex}.cert-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.cert-info{flex-direction:column;gap:3px;display:flex}.cert-title{color:#fff;font-size:13px;font-weight:700}.cert-issuer{color:#8892b0;font-size:11px}.github-stats-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.github-stat-img,.github-activity-img{border-radius:12px;width:100%}.github-summary-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.summary-card-img{border-radius:12px;width:100%}@media (width<=768px){.github-stats-grid,.github-summary-grid{grid-template-columns:1fr}.cp-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.cp-grid{grid-template-columns:1fr}}.contact-section{border-radius:var(--radius-xl);background:var(--bg-card);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);padding:clamp(24px,4vw,36px) clamp(16px,3vw,32px);position:relative;overflow:hidden;box-shadow:0 10px 40px #0006,inset 0 1px #ffffff0d}.contact-blob-1{pointer-events:none;background:radial-gradient(circle,#00d9ff14 0%,#0000 70%);width:350px;height:350px;position:absolute;top:-80px;right:-80px}.contact-blob-2{pointer-events:none;background:radial-gradient(circle,#9d4edd14 0%,#0000 70%);width:300px;height:300px;position:absolute;bottom:-60px;left:-60px}.contact-inner{z-index:1;flex-direction:column;align-items:center;max-width:760px;margin:0 auto;display:flex;position:relative}.contact-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.contact-icon-wrap{border-radius:var(--radius-md);width:44px;height:44px;color:var(--accent-cyan);background:#00d9ff1f;border:1px solid #00d9ff4d;justify-content:center;align-items:center;font-size:22px;display:flex}.contact-title{color:#fff;letter-spacing:-.5px;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:800}.contact-subtitle{color:var(--text-secondary);text-align:center;max-width:540px;margin-bottom:24px;font-size:.92rem;line-height:1.5}.email-quick-card{border-radius:var(--radius-lg);width:100%;transition:var(--transition-normal);background:#ffffff0a;border:1.2px solid #00d9ff4d;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 20px;display:flex;box-shadow:0 8px 30px #00d9ff14}.email-quick-card:hover{background:#ffffff0f;border-color:#00d9ff80;box-shadow:0 8px 36px #00d9ff24}.email-left-info{align-items:center;gap:14px;min-width:0;display:flex}.email-icon-box{border-radius:var(--radius-md);width:38px;height:38px;color:var(--accent-cyan);background:#00d9ff26;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.email-text-box{flex-direction:column;gap:2px;min-width:0;display:flex}.email-label-text{color:var(--text-secondary);font-size:.72rem;font-weight:500}.email-address{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.85rem,2.5vw,1rem);font-weight:700;overflow:hidden}.email-copy-action-btn{border-radius:var(--radius-sm);color:var(--accent-cyan);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:#00d9ff24;border:1px solid #00d9ff59;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:700;display:flex}.email-copy-action-btn:hover{background:#00d9ff40;transform:translateY(-1px)}.email-copy-action-btn.copied{color:var(--accent-green);background:#06ffa533;border-color:#06ffa580}.shoot-email-btn{border-radius:var(--radius-md);color:#fff;width:100%;transition:var(--transition-normal);background:linear-gradient(135deg,#00d9ff33,#7b2ffe33);border:1px solid #00d9ff66;justify-content:center;align-items:center;gap:10px;margin-bottom:24px;padding:14px 24px;font-size:.95rem;font-weight:700;text-decoration:none;display:flex;box-shadow:0 4px 20px #00d9ff26}.shoot-email-btn:hover{background:linear-gradient(135deg,#00d9ff4d,#7b2ffe4d);border-color:#00d9ffa6;transform:translateY(-2px);box-shadow:0 6px 28px #00d9ff4d}.shoot-icon{font-size:16px}.contact-divider-wrap{align-items:center;gap:16px;width:100%;margin-bottom:20px;display:flex}.divider-line{background:#ffffff14;flex:1;height:1px}.divider-text{color:var(--text-muted);letter-spacing:1px;font-size:.72rem;font-weight:700}.social-pills-wrap{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-bottom:24px;display:flex}.social-pill-btn{border-radius:var(--radius-md);transition:var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:8px;padding:8px 14px;text-decoration:none;display:flex}.social-pill-btn:hover{border-color:var(--pill-accent,var(--accent-cyan));box-shadow:0 4px 16px #0000004d, 0 0 12px var(--pill-accent,transparent);background:#ffffff17;transform:translateY(-2px)}.social-pill-icon{object-fit:contain;border-radius:4px;width:17px;height:17px}.social-pill-name{color:var(--text-primary);font-size:.8rem;font-weight:600}.contact-quote{border-radius:var(--radius-md);text-align:center;background:#ffffff06;border:1px solid #ffffff0f;width:100%;margin-bottom:28px;padding:16px 20px}.contact-quote-text{color:var(--text-secondary);font-size:.85rem;font-style:italic;line-height:1.6}.contact-footer{border-top:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:16px;width:100%;padding-top:10px;display:flex}.footer-badges-wrap{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.footer-badge-pill{background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:6px;padding:5px 12px;font-size:.72rem;display:flex}.badge-label{color:var(--text-muted)}.badge-value{font-weight:700}.footer-copyright{text-align:center;color:var(--text-muted);flex-direction:column;gap:4px;font-size:.78rem;display:flex}.footer-sub{color:#ffffff40;font-size:.7rem}
