@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Montserrat:wght@700;800&family=Orbitron:wght@700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800;900&family=Space+Mono:wght@400;700&display=swap";.blog-page-root{--blog-primary: #830c0c;--blog-primary-light: #c74a4a;--blog-gradient: linear-gradient(135deg, #700303, #863434);--blog-bg: #0a0a0a;--blog-surface: #1a1a1a;--blog-border: #333;--blog-text: #f8f9fa;--blog-text-body: #e0e0e0;--blog-text-muted: #888;--blog-shadow: 0 4px 20px rgba(0, 0, 0, .3);--blog-shadow-hover: 0 8px 30px rgba(0, 0, 0, .4);--blog-transition: all .4s cubic-bezier(.25, .46, .45, .94);font-family:Poppins,sans-serif;line-height:1.7;background:var(--blog-bg);color:var(--blog-text);font-size:16px;min-height:100vh}.blog-index-page{min-height:100vh;background:#000;color:var(--blog-text);font-family:Poppins,sans-serif;overflow-x:hidden;position:relative}.blog-particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.blog-particle{position:absolute;width:5px;height:5px;background:#971313;border-radius:50%;left:var(--particle-left, 0%);animation-name:blogFloat;animation-duration:var(--particle-duration, 20s);animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:var(--particle-delay, 0s)}@keyframes blogFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.blog-back-btn{position:fixed;top:30px;left:30px;z-index:999}.blog-back-btn a{text-decoration:none;color:var(--blog-text);background:linear-gradient(135deg,#971313,#470000);padding:12px 24px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;transition:var(--blog-transition);border:1px solid rgba(151,19,19,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #97131333;transition:transform .3s ease,opacity .3s ease}.blog-back-btn a:hover{transform:translate(-5px);background:linear-gradient(135deg,#c74a4a,#971313);box-shadow:0 8px 25px #97131366}.blog-index-header-wrap{position:relative;z-index:1;max-width:1200px;margin:96px auto 0;padding:32px}.blog-index-header{text-align:center;margin-bottom:48px;animation:blogFadeInUp 1s ease;position:relative;padding:48px 32px;border-radius:20px;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(151,19,19,.2);box-shadow:0 4px 20px #9713131a}.blog-index-header h1{font-family:Montserrat,sans-serif;font-size:clamp(40px,5vw,64px);font-weight:800;margin-bottom:16px;color:var(--blog-text);position:relative;display:inline-block;letter-spacing:-.5px}.blog-index-header h1 span{background:linear-gradient(135deg,#971313,#470000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-index-header h1:after{content:"";position:absolute;bottom:-10px;left:25%;width:50%;height:4px;background:linear-gradient(135deg,#971313,#470000);border-radius:2px}.blog-index-header p{font-size:19px;color:var(--blog-text-body);max-width:600px;margin:24px auto 0;opacity:.9;line-height:1.8}@keyframes blogFadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-stats{display:flex;justify-content:center;gap:32px;margin-bottom:48px;animation:blogFadeInUp 1s ease .3s both;flex-wrap:wrap;position:relative;z-index:1}.blog-stat-item{text-align:center;padding:24px 32px;background:#141414b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;min-width:140px;border:1px solid rgba(151,19,19,.2);transition:var(--blog-transition);position:relative;overflow:hidden;transition:transform .3s ease,opacity .3s ease}.blog-stat-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(135deg,#971313,#470000);transform:scaleX(0);transition:transform .5s ease;transform-origin:left}.blog-stat-item:hover:before{transform:scaleX(1)}.blog-stat-item:hover{transform:translateY(-5px);box-shadow:0 20px 40px #97131333;border-color:#971313}.blog-stat-number{font-size:50px;font-weight:800;color:#971313;display:block;font-family:Orbitron,sans-serif;letter-spacing:1px}.blog-stat-label{font-size:14px;color:var(--blog-text-body);text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-top:8px}.blog-controls{display:flex;flex-direction:column;gap:24px;margin-bottom:64px;animation:blogFadeInUp 1s ease .4s both;position:relative;z-index:1;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 32px}.blog-search-wrap{position:relative;width:100%;max-width:600px;margin:0 auto}.blog-search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:#971313;font-size:19px}.blog-search-input{width:100%;padding:19px 19px 19px 56px;border:2px solid rgba(151,19,19,.2);border-radius:50px;background:#141414cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:16px;transition:var(--blog-transition);color:var(--blog-text);font-family:Poppins,sans-serif}.blog-search-input:focus{outline:none;border-color:#971313;transform:scale(1.02);box-shadow:0 0 25px #9713134d}.blog-search-input::-moz-placeholder{color:var(--blog-text-muted)}.blog-search-input::placeholder{color:var(--blog-text-muted)}.blog-filter-tags{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding:16px 0;overflow-x:auto}@supports (scrollbar-width: thin){.blog-filter-tags{scrollbar-width:thin;scrollbar-color:#971313 transparent}}.blog-filter-tags::-webkit-scrollbar{height:6px}.blog-filter-tags::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#971313,#470000);border-radius:10px}.blog-filter-tag{padding:10px 19px;border:2px solid #971313;border-radius:25px;background:transparent;color:#971313;cursor:pointer;transition:var(--blog-transition);font-weight:500;white-space:nowrap;font-size:14px;font-family:Poppins,sans-serif;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .3s ease,opacity .3s ease}.blog-filter-tag:hover{background:#9713131a;transform:translateY(-2px);box-shadow:0 5px 15px #97131333}.blog-filter-tag.active{background:linear-gradient(135deg,#971313,#470000);color:var(--blog-text);transform:translateY(-2px);box-shadow:0 5px 15px #9713134d}.blog-filter-section{text-align:center}.blog-filter-intro{color:#e0e0e0;margin-bottom:.5rem}.blog-featured-shell{background:#141414b3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(151,19,19,.2);border-radius:20px;display:grid;grid-template-columns:1fr 220px;min-height:280px;overflow:hidden;box-shadow:0 4px 20px #9713131a}.blog-featured-content{padding:3rem;display:flex;flex-direction:column;justify-content:center}.blog-featured-badge{display:inline-block;padding:.5rem 1.2rem;background:linear-gradient(135deg,#971313,#470000);color:#f8f8f8;border-radius:20px;font-weight:600;margin-bottom:1.5rem;align-self:flex-start;border:1px solid rgba(151,19,19,.3)}.blog-featured-title{font-family:Montserrat,sans-serif;font-size:3.7rem;font-weight:700;margin-bottom:1rem;color:#f8f8f8;line-height:1.3}.blog-featured-text{color:#e0e0e0;margin-bottom:2rem;line-height:1.8;font-size:1.7rem}.blog-featured-aside{background:#0a0a0a;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(151,19,19,.2)}.blog-featured-icon{font-size:8rem;color:#971313;opacity:.7}.blog-section-group{max-width:1200px;margin:0 auto 80px;padding:0 32px;position:relative;z-index:1}.blog-section-group-header{margin-bottom:48px;text-align:center;position:relative;padding-bottom:16px}.blog-section-group-header h2{font-family:Montserrat,sans-serif;font-size:40px;font-weight:700;color:var(--blog-text);display:inline-block;padding-bottom:16px}.blog-section-group-header h2 span{background:linear-gradient(135deg,#971313,#470000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-section-group-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(135deg,#971313,#470000);border-radius:2px}.blog-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px;margin-bottom:32px}.blog-index-card{background:#141414b3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(151,19,19,.2);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #9713131a;transition:var(--blog-transition);position:relative;padding:32px;cursor:pointer;transform-style:preserve-3d;min-height:280px;display:flex;flex-direction:column;text-decoration:none;color:inherit;opacity:0;animation:blogCardIn .6s ease forwards}.blog-index-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:3px;background:linear-gradient(135deg,#971313,#470000);transition:left .5s ease}.blog-index-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#971313,#470000);opacity:0;transition:opacity .3s ease;border-radius:20px;z-index:-1}.blog-index-card:hover:before{left:100%}.blog-index-card:hover:after{opacity:.05}.blog-index-card:hover{transform:translateY(-15px) rotateX(5deg) scale(1.02);box-shadow:0 20px 40px #97131333;border-color:#971313}.blog-card-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:19px}.blog-card-date{display:inline-block;color:#971313;font-weight:600;padding:6px 16px;background:#9713131a;border-radius:15px;font-size:14px;letter-spacing:.5px;border:1px solid rgba(151,19,19,.3)}.blog-card-badge{display:inline-block;padding:5px 13px;background:#97131333;color:#c74a4a;border-radius:12px;font-size:12px;font-weight:500;border:1px solid rgba(151,19,19,.3)}.blog-index-card h3{font-family:Montserrat,sans-serif;font-size:24px;margin-bottom:16px;color:var(--blog-text);transition:var(--blog-transition);line-height:1.4;flex-grow:0;transition:all .4s ease}.blog-index-card:hover h3{color:#971313;transform:translate(5px)}.blog-index-card p{color:var(--blog-text-body);margin-bottom:24px;line-height:1.7;flex-grow:1;font-size:16px}.blog-card-footer-row{margin-top:auto}.blog-read-more{display:inline-flex;align-items:center;gap:8px;color:#971313;font-weight:600;text-decoration:none;padding:13px 29px;border:2px solid #971313;border-radius:25px;transition:var(--blog-transition);position:relative;overflow:hidden;background:transparent;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform .3s ease,opacity .3s ease}.blog-read-more:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#971313,#470000);transition:left .3s ease;z-index:-1}.blog-read-more:hover:before{left:0}.blog-read-more:hover{color:var(--blog-text);transform:translateY(-2px);box-shadow:0 8px 20px #9713134d}.blog-read-more i{transition:transform .3s ease}.blog-read-more:hover i{transform:translate(5px)}.blog-no-results{text-align:center;padding:80px 32px;color:var(--blog-text-body);background:#141414b3;border-radius:20px;border:1px solid rgba(151,19,19,.2);margin:32px auto;max-width:800px;position:relative;z-index:1}.blog-no-results i{font-size:64px;margin-bottom:24px;display:block;color:#971313;opacity:.7}.blog-no-results h3{font-size:29px;margin-bottom:16px;color:var(--blog-text)}.blog-no-results p{font-size:18px;max-width:500px;margin:0 auto}.blog-index-footer{text-align:center;padding:48px 32px;margin-top:80px;border-top:1px solid rgba(151,19,19,.2);color:var(--blog-text-body);font-size:14px;background:#0a0a0acc;position:relative;z-index:1}.blog-index-footer p{margin-bottom:8px}.blog-footer-links{display:flex;justify-content:center;gap:32px;margin-top:24px;flex-wrap:wrap}.blog-footer-links a{color:var(--blog-text-body);text-decoration:none;transition:var(--blog-transition);font-size:14px;transition:transform .3s ease,opacity .3s ease}.blog-footer-links a:hover{color:#971313;transform:translateY(-2px)}.blog-logo-sticky{position:fixed;bottom:30px;right:30px;z-index:999;width:60px;opacity:.8;transition:var(--blog-transition);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:transform .4s ease,opacity .4s ease}.blog-logo-sticky img{width:100%;height:auto;transition:var(--blog-transition)}.blog-logo-sticky:hover{opacity:1;transform:scale(1.2) rotate(5deg);cursor:pointer}.blog-section-shell{background:linear-gradient(180deg,#ffffff04,#fff0),#0a0a0af0;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px #0006,inset 0 1px #ffffff08;isolation:isolate}.blog-section-shell:before{background:linear-gradient(90deg,rgba(224,32,32,.7),rgba(224,32,32,.18),transparent 82%);height:3px}.blog-section-shell:hover{transform:translateY(-6px);box-shadow:0 24px 56px #00000073,0 0 0 1px #e0202014}.blog-section-grid,.blog-section-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.blog-section-grid{background-image:linear-gradient(rgba(224,32,32,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(224,32,32,.06) 1px,transparent 1px);background-size:54px 54px;opacity:.25;z-index:0;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.85),transparent)}.blog-section-glow{background:radial-gradient(circle at 20% 20%,rgba(224,32,32,.12),transparent 32%),radial-gradient(circle at 82% 78%,rgba(224,32,32,.08),transparent 28%);z-index:0}.blog-section-inner{position:relative;z-index:1;display:flex;gap:2.5rem}.blog-side-rail{width:28px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem}.blog-side-line{position:relative;width:1px;height:110px;background:#ffffff2e;overflow:hidden;border-radius:999px}.blog-side-line:after{content:"";position:absolute;top:-35%;left:50%;width:3px;height:52px;transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,transparent,rgba(224,32,32,.9),transparent);box-shadow:0 0 18px #e0202066;animation:blogRailPulse 2.8s linear infinite}.blog-side-line:last-child:after{animation-delay:1.4s}.blog-side-label{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--font-mono, "Space Mono", monospace);font-size:1.25rem;letter-spacing:.24em;text-transform:uppercase;color:#ffffff85}.blog-main{flex:1;min-width:0}.blog-section-shell .section-header{margin-bottom:0}.blog-section-shell .section-title h2{font-size:clamp(3rem,4vw,4.6rem)}.blog-section-shell .section-subtitle{max-width:660px;line-height:1.8}.blog-header{position:relative;margin:0 auto 3rem;max-width:760px;text-align:center}.blog-kicker{display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.2rem;padding:.6rem 1.3rem;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:#ffffff08;font-family:var(--font-mono, "Space Mono", monospace);font-size:1.15rem;letter-spacing:.16em;text-transform:uppercase;color:#ffffff9e}.blog-section-title{font-size:clamp(2.9rem,4vw,4.2rem);line-height:1.08;margin-bottom:1rem}.blog-intro{max-width:620px;margin:0 auto 1.4rem;font-size:1.55rem;line-height:1.8;color:#ffffff9e}.decorative-line{width:84px;height:2px;box-shadow:0 0 18px #e0202040}.blog-section-shell .blog-carousel-container{padding:.5rem 0 0}.blog-section-shell .blog-carousel{overflow:visible}.blog-section-shell .blog-track{align-items:stretch}.blog-section-shell .blog-card{position:relative;display:flex;min-height:100%;background:linear-gradient(180deg,#ffffff06,#fff0),#ffffff08;border:1px solid rgba(255,255,255,.08);border-top-color:#e020203d;box-shadow:inset 0 1px #ffffff06}.blog-section-shell .blog-card:hover{transform:translateY(-8px);border-color:#e0202061;box-shadow:0 18px 34px #00000059,0 0 24px #e0202017}.blog-card-corner{position:absolute;width:12px;height:12px;border-color:#e02020b8;border-style:solid;opacity:0;transition:opacity .25s ease,width .25s ease,height .25s ease}.blog-card-corner--br{right:10px;bottom:10px;border-width:0 1px 1px 0}.blog-section-shell .blog-card:hover .blog-card-corner{opacity:1;width:16px;height:16px}.blog-section-shell .blog-content{width:100%;display:flex;flex-direction:column;padding:2.4rem}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}.blog-section-shell .blog-date{padding:.55rem 1.25rem;background:#e020201a;border:1px solid rgba(224,32,32,.24);color:#f2f2f2;font-family:var(--font-mono, "Space Mono", monospace);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase}.blog-card-index{font-family:var(--font-mono, "Space Mono", monospace);font-size:1.2rem;letter-spacing:.16em;color:#fff6}.blog-section-shell .blog-title{font-size:clamp(1.95rem,2.2vw,2.35rem);line-height:1.35;margin-bottom:1rem}.blog-section-shell .blog-excerpt{font-size:1.45rem;line-height:1.75;color:var(--text-secondary);margin-bottom:2rem;flex:1}.blog-section-shell .read-more{width:-moz-fit-content;width:fit-content;padding-bottom:.2rem;border-bottom:1px solid transparent;font-family:var(--font-mono, "Space Mono", monospace);letter-spacing:.08em;text-transform:uppercase}.blog-section-shell .read-more:hover{gap:.9rem;border-color:#e0202073}.blog-section-shell .carousel-controls{margin-top:2.8rem;gap:1.8rem}.blog-section-shell .carousel-btn{width:48px;height:48px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.blog-section-shell .carousel-btn:hover{transform:translateY(-2px);background:#e0202024;border-color:#e0202059}.blog-section-shell .carousel-dots{gap:.7rem}.blog-section-shell .carousel-dot{width:10px;height:10px;background:#ffffff24}.blog-section-shell .carousel-dot.active{background:var(--primary-color);box-shadow:0 0 14px #e0202052}.blog-section-shell .section-footer{margin-top:3.2rem}.blog-section-shell .btn-outline{border-color:#e0202066;background:#ffffff05}.blog-section-shell .btn-outline:hover{border-color:#e0202099;box-shadow:0 14px 30px #e020201f}@keyframes blogRailPulse{0%{transform:translate(-50%) translateY(-140%);opacity:0}15%,70%{opacity:1}to{transform:translate(-50%) translateY(150%);opacity:0}}.reveal{opacity:0;transform:translateY(50px);transition:all .8s ease}.reveal.active{opacity:1;transform:translateY(0)}@keyframes blogCardIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-cards-grid .blog-index-card:nth-child(1){animation-delay:.1s}.blog-cards-grid .blog-index-card:nth-child(2){animation-delay:.2s}.blog-cards-grid .blog-index-card:nth-child(3){animation-delay:.3s}.blog-cards-grid .blog-index-card:nth-child(4){animation-delay:.4s}.blog-cards-grid .blog-index-card:nth-child(5){animation-delay:.5s}.blog-cards-grid .blog-index-card:nth-child(6){animation-delay:.6s}@media (max-width: 992px){.blog-back-btn{top:22px;left:22px}.blog-index-header-wrap{padding:24px;margin-top:88px}.blog-index-header{margin-bottom:36px;padding:36px 28px}.blog-controls,.blog-section-group{padding-left:24px;padding-right:24px}.blog-stats{gap:20px;margin-bottom:40px}.blog-stat-item{min-width:125px;padding:20px 24px}.blog-featured-shell{grid-template-columns:1fr}.blog-featured-content{padding:2.6rem}.blog-featured-aside{min-height:160px;border-left:none;border-top:1px solid rgba(151,19,19,.2)}.blog-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.blog-index-card{min-height:0}.blog-footer-links{gap:20px}}@media (max-width: 768px){.blog-section-shell{padding:3.4rem 2rem}.blog-section-inner{gap:0}.blog-side-rail{display:none}.blog-section-shell .section-header{margin-bottom:0}.blog-kicker{font-size:1rem;letter-spacing:.14em}.blog-intro{font-size:1.42rem}.blog-section-shell .blog-content{padding:2rem 1.8rem}.blog-card-meta{align-items:flex-start}.blog-section-shell .carousel-controls{gap:1.2rem;flex-wrap:wrap}.blog-back-btn{top:20px;left:20px}.blog-back-btn a{padding:10px 18px;font-size:14px;max-width:calc(100vw - 40px)}.blog-index-header-wrap{padding:16px;margin-top:80px}.blog-index-header{padding:24px 16px;margin-bottom:32px}.blog-stats{gap:16px;margin-bottom:36px}.blog-stat-item{flex:1 1 calc(50% - 8px);min-width:0;padding:19px 18px}.blog-stat-number,.blog-section-group-header h2{font-size:32px}.blog-cards-grid{grid-template-columns:1fr;gap:32px}.blog-controls{padding:0 16px;margin-bottom:48px;gap:18px}.blog-search-wrap{max-width:100%}.blog-search-input{padding:16px 16px 16px 52px}.blog-filter-tags{justify-content:flex-start;flex-wrap:nowrap;padding-bottom:10px}.blog-featured-content{padding:2rem 1.8rem}.blog-featured-title{font-size:3rem}.blog-featured-text{font-size:1.5rem;margin-bottom:1.6rem}.blog-section-group{margin-bottom:56px;padding:0 16px}.blog-index-card{padding:24px 20px}.blog-index-footer{padding:40px 20px}.blog-logo-sticky{width:50px;bottom:20px;right:20px}.blog-particle{width:3px;height:3px}}@media (max-width: 480px){.blog-section-shell{margin-left:.5rem;margin-right:.5rem;padding:2.8rem 1.4rem}.blog-section-shell .section-title{gap:.8rem}.blog-section-shell .section-title h2{font-size:2.7rem}.blog-section-shell .section-subtitle,.blog-intro{font-size:1.35rem;line-height:1.75}.blog-section-title{font-size:2.45rem}.blog-card-meta{flex-direction:column;gap:.8rem;align-items:flex-start}.blog-card-index{font-size:1.05rem}.blog-section-shell .blog-title{font-size:1.85rem}.blog-section-shell .blog-excerpt{font-size:1.32rem}.blog-section-shell .carousel-btn{width:42px;height:42px;font-size:1.4rem}.blog-index-header h1{font-size:35px}.blog-index-header p{font-size:16px;margin-top:20px}.blog-stat-item{flex-basis:100%;min-width:90px;padding:16px}.blog-stat-number{font-size:29px}.blog-controls{margin-bottom:40px}.blog-search-icon{left:18px}.blog-search-input{padding-left:48px;font-size:15px}.blog-filter-tag{padding:8px 16px;font-size:13px}.blog-index-card{padding:24px}.blog-index-card h3{font-size:21px}.blog-index-card p{font-size:15px}.blog-section-group-header h2{font-size:29px}.blog-no-results{padding:48px 20px;margin:24px 16px}.blog-footer-links{flex-direction:column;gap:14px}.blog-logo-sticky{width:44px;right:16px;bottom:16px}}:root{--bg-color: #0a0a0a;--surface-color: #161616;--card-color: #1a1a1a;--text-color: #ffffff;--text-secondary: #b0b0b0;--text-muted: #888888;--primary-color: #971313;--primary-light: #c22e2e;--primary-dark: #6b0d0d;--accent-color: #ff4757;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--border-color: #333333;--border-light: #444444;--shadow-color: rgba(151, 19, 19, .3);--overlay-color: rgba(0, 0, 0, .8);--gradient-bg: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);--gradient-primary: linear-gradient(135deg, #971313 0%, #c22e2e 100%);--gradient-accent: linear-gradient(135deg, #ff4757 0%, #ff6b6b 100%);--gradient-text: linear-gradient(135deg, #971313 0%, #ff4757 100%);--font-main: "Poppins", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-theme: .55s cubic-bezier(.22, 1, .36, 1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .4);--glow-primary: 0 0 20px rgba(151, 19, 19, .5)}.light-theme{--bg-color: #e7eaee;--surface-color: #f1f3f5;--card-color: #fafbfc;--text-color: #1f2933;--text-secondary: #52606d;--text-muted: #7b8794;--primary-color: #b42318;--primary-light: #d14b41;--primary-dark: #8f1d14;--accent-color: #cf4a43;--border-color: #d5dbe3;--border-light: #e6ebf0;--shadow-color: rgba(100, 116, 139, .16);--overlay-color: rgba(237, 240, 244, .88);--gradient-bg: linear-gradient(135deg, #e7eaee 0%, #f2f4f7 44%, #edf0f3 100%);--gradient-primary: linear-gradient(135deg, #b42318 0%, #d14b41 100%);--gradient-accent: linear-gradient(135deg, #c94a42 0%, #e07a73 100%);--gradient-text: linear-gradient(135deg, #9f2118 0%, #cf4a43 100%);--glow-primary: 0 0 16px rgba(180, 35, 24, .18)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float3D{0%,to{transform:translateY(0) rotateY(0)}50%{transform:translateY(-20px) rotateY(10deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glowPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.05)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes scroll1{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(10px);opacity:.5}}@keyframes scroll2{0%,to{transform:translateY(0);opacity:1;animation-delay:.2s}50%{transform:translateY(10px);opacity:.5}}@keyframes scroll3{0%,to{transform:translateY(0);opacity:1;animation-delay:.4s}50%{transform:translateY(10px);opacity:.5}}@keyframes orbit{0%{transform:rotate(0) translate(150px) rotate(0)}to{transform:rotate(360deg) translate(150px) rotate(-360deg)}}@keyframes pulseRing{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes pulse{0%{box-shadow:0 0 #971313b3}70%{box-shadow:0 0 0 15px #97131300}to{box-shadow:0 0 #97131300}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes wave{0%,to{transform:translate(0)}50%{transform:translate(-25%)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@keyframes projectFadeIn{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes skillFadeIn{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}to{transform:perspective(400px) rotateX(0);opacity:1}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}to{transform:perspective(400px) rotateY(0);opacity:1}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}.section-reveal{opacity:0;transform:translateY(50px);transition:all 1s cubic-bezier(.4,0,.2,1)}.section-reveal.revealed{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.4,0,.2,1)}.stagger-children.revealed>*{opacity:1;transform:translateY(0)}.stagger-children.revealed>*:nth-child(1){transition-delay:.1s}.stagger-children.revealed>*:nth-child(2){transition-delay:.2s}.stagger-children.revealed>*:nth-child(3){transition-delay:.3s}.stagger-children.revealed>*:nth-child(4){transition-delay:.4s}.stagger-children.revealed>*:nth-child(5){transition-delay:.5s}.stagger-children.revealed>*:nth-child(6){transition-delay:.6s}.stagger-children.revealed>*:nth-child(7){transition-delay:.7s}.stagger-children.revealed>*:nth-child(8){transition-delay:.8s}.stagger-children.revealed>*:nth-child(9){transition-delay:.9s}.stagger-children.revealed>*:nth-child(10){transition-delay:1s}.reveal-text{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.reveal-text.revealed{opacity:1;transform:translateY(0)}.fade-in{opacity:0;animation:fadeIn 1s ease forwards;animation-delay:.5s}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.animate-on-scroll.animated{opacity:1;transform:translateY(0)}.pulse-animation{animation:pulse 2s infinite}.ease-cubic{animation-timing-function:cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--surface-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.ls-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(220,30,30,.16) 0%,rgba(220,30,30,.05) 28%,transparent 56%),linear-gradient(180deg,#090909,#111 55%,#050505);opacity:1;visibility:visible;transform:scale(1);filter:blur(0);transition:opacity .95s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.22,1,.36,1),filter .95s cubic-bezier(.22,1,.36,1),visibility 0s linear .95s}.ls-root.loaded{opacity:0;visibility:hidden;transform:scale(1.03);filter:blur(12px);pointer-events:none}.ls-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.9),transparent 80%);mask-image:radial-gradient(circle at center,rgba(0,0,0,.9),transparent 80%);opacity:.28;pointer-events:none}.ls-orb{position:absolute;width:min(52vw,540px);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,rgba(255,84,84,.18) 0%,rgba(180,0,0,.08) 42%,transparent 72%);filter:blur(10px);animation:ls-orbFloat 7s ease-in-out infinite;pointer-events:none}.ls-orb--left{top:14%;left:-8%}.ls-orb--right{right:-10%;bottom:10%;animation-delay:-3s}@keyframes ls-orbFloat{0%,to{transform:translateZ(0) scale(1);opacity:.7}50%{transform:translate3d(0,18px,0) scale(1.04);opacity:1}}.ls-frame{position:absolute;top:26px;right:26px;bottom:26px;left:26px;border:1px solid rgba(255,255,255,.05);border-radius:22px;box-shadow:inset 0 0 0 1px #ffffff03;pointer-events:none}.ls-vline{position:absolute;top:14%;bottom:14%;width:1px;background:linear-gradient(to bottom,transparent,rgba(220,30,30,.3) 20%,rgba(255,255,255,.1) 50%,rgba(220,30,30,.3) 80%,transparent);opacity:0;transform:scaleY(.65);animation:ls-vlineIn 1.2s cubic-bezier(.22,1,.36,1) .2s forwards}.ls-vline--left{left:64px}.ls-vline--right{right:64px}@keyframes ls-vlineIn{to{opacity:1;transform:scaleY(1)}}.ls-content{position:relative;z-index:1;width:min(92vw,540px);display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center}.ls-wordmark{display:flex;align-items:flex-end;line-height:1}.ls-letter{font-family:Bebas Neue,sans-serif;font-size:clamp(84px,14vw,132px);letter-spacing:.09em;color:#fff;opacity:0;transform:translateY(24px);transition:opacity .48s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1)}.ls-letter.visible{opacity:1;transform:translateY(0)}.ls-dot{width:10px;height:10px;margin-left:6px;margin-bottom:18px;border-radius:999px;background:linear-gradient(180deg,#ff6d6d,#d91c1c);box-shadow:0 0 16px #dc1e1e66;opacity:0;transform:scale(.4);transition:opacity .38s ease .1s,transform .48s cubic-bezier(.22,1.2,.36,1) .1s}.ls-dot.visible{opacity:1;transform:scale(1)}.ls-divider{width:min(72vw,340px);display:flex;align-items:center;gap:14px}.ls-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transform:scaleX(0);transition:transform .7s cubic-bezier(.22,1,.36,1)}.ls-divider-line:first-child{transform-origin:right}.ls-divider-line:last-child{transform-origin:left}.ls-divider-line.expanded{transform:scaleX(1)}.ls-divider-diamond{width:7px;height:7px;flex-shrink:0;background:#dc1e1e;transform:rotate(45deg) scale(.45);opacity:0;transition:transform .5s cubic-bezier(.22,1.2,.36,1) .18s,opacity .3s ease .18s}.ls-divider-diamond.expanded{opacity:1;transform:rotate(45deg) scale(1)}.ls-subtitle{font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;letter-spacing:.42em;text-transform:uppercase;color:#ffffff61;opacity:0;transform:translateY(10px);animation:ls-fadeUp .7s ease .95s forwards}.ls-progressWrap{width:min(72vw,280px);display:flex;flex-direction:column;gap:10px}.ls-progressHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;opacity:0;transform:translateY(8px);animation:ls-fadeUp .65s ease .75s forwards}.ls-progressLabel{font-family:DM Sans,sans-serif;font-size:10px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:#ffffff47}.ls-progressValue{font-family:Bebas Neue,sans-serif;font-size:16px;letter-spacing:.12em;color:#f24b4b}.ls-progressTrack{position:relative;width:100%;height:3px;overflow:hidden;border-radius:999px;background:#ffffff12}.ls-progressFill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#7a1010,#dc1e1e 55%,#ff6f6f);transition:width .22s ease-out}.ls-progressGlow{position:absolute;top:0;bottom:0;right:-24px;width:42px;background:linear-gradient(90deg,#fff0,#ffffff80,#fff0);filter:blur(8px);opacity:.75}@keyframes ls-fadeUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.ls-frame{top:14px;right:14px;bottom:14px;left:14px;border-radius:18px}.ls-vline--left{left:24px}.ls-vline--right{right:24px}.ls-content{gap:24px}.ls-subtitle{font-size:10px;letter-spacing:.34em}.ls-progressLabel{letter-spacing:.14em}}.custom-cursor{position:fixed;width:20px;height:20px;border:2px solid var(--primary-color);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:transform .1s ease,width .3s ease,height .3s ease;mix-blend-mode:difference}.custom-cursor.hover{width:40px;height:40px;background:#9713131a}.cursor-trail{position:fixed;width:4px;height:4px;background:var(--primary-color);border-radius:50%;pointer-events:none;z-index:9997;opacity:.5}.floating-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.particle{position:absolute;width:2px;height:2px;background:var(--primary-color);border-radius:50%;opacity:.5}.theme-toggle{position:fixed;top:25px;right:25px;z-index:1000;background:color-mix(in srgb,var(--surface-color) 84%,transparent);border-radius:var(--radius-full);padding:5px;box-shadow:0 12px 32px #00000029;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform var(--transition-base),box-shadow var(--transition-theme),background-color var(--transition-theme),border-color var(--transition-theme)}.theme-toggle:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.theme-switch{display:none}.theme-label{display:flex;align-items:center;justify-content:space-between;position:relative;width:60px;height:30px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),var(--card-color);border-radius:var(--radius-full);padding:5px;cursor:pointer;border:1px solid color-mix(in srgb,var(--primary-color) 40%,var(--border-color));box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #00000008,0 10px 22px var(--shadow-color);overflow:hidden;isolation:isolate;transition:border-color var(--transition-theme),background-color var(--transition-theme),box-shadow var(--transition-theme)}.theme-label:hover{border-color:color-mix(in srgb,var(--primary-light) 55%,var(--border-color))}.theme-label:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 60%);opacity:.9;z-index:0;pointer-events:none}.theme-label i{font-size:14px;color:var(--primary-color);transition:opacity var(--transition-theme),color var(--transition-theme),transform var(--transition-theme);z-index:1}.theme-label .fa-sun{opacity:1}.theme-label .fa-moon{opacity:0}.theme-switch:checked+.theme-label .fa-sun{opacity:0;transform:translate(-4px) scale(.9)}.theme-switch:checked+.theme-label .fa-moon{opacity:1;transform:translate(0) scale(1)}.theme-switch:not(:checked)+.theme-label .fa-sun{transform:translate(0) scale(1)}.theme-switch:not(:checked)+.theme-label .fa-moon{transform:translate(4px) scale(.9)}.theme-ball{position:absolute;width:22px;height:22px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.95),rgba(255,255,255,.18) 38%,transparent 40%),var(--gradient-primary);border-radius:50%;transition:transform var(--transition-theme),background var(--transition-theme),box-shadow var(--transition-theme);transform:translate(0);left:3px;box-shadow:0 10px 20px #0003,0 0 0 1px #ffffff26}.theme-switch:checked+.theme-label .theme-ball{transform:translate(30px)}.theme-transition-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none;clip-path:circle(150vmax at var(--theme-origin-x) var(--theme-origin-y));will-change:clip-path,opacity}.theme-transition-overlay--dark{background:linear-gradient(135deg,#0a0a0a,#171717 45%,#101010)}.theme-transition-overlay--light{background:linear-gradient(135deg,#e7eaee,#f2f4f7 46%,#edf0f3)}.theme-transition-overlay.is-shrinking{animation:themeOverlayShrink .72s cubic-bezier(.22,1,.36,1) forwards}@keyframes themeOverlayShrink{0%{clip-path:circle(150vmax at var(--theme-origin-x) var(--theme-origin-y));opacity:1}70%{opacity:1}to{clip-path:circle(0 at var(--theme-origin-x) var(--theme-origin-y));opacity:.98}}.light-theme .header{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom-color:transparent}.light-theme .section-card{box-shadow:0 18px 42px #94a3b81f,0 2px 8px #0f172a0a}.light-theme .btn-primary{box-shadow:0 8px 22px #b4231838}.light-theme .btn-primary:hover{box-shadow:0 12px 30px #b4231847}.section-card{background:var(--surface-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-lg) auto;max-width:1400px;position:relative;overflow:hidden;border:1px solid var(--border-color);transition:all var(--transition-base)}.section-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary)}.section-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl)}.section-header{text-align:center;margin-bottom:3.5rem}.section-title{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.title-number{font-size:1.4rem;color:var(--primary-color);font-weight:600;padding:.5rem 1rem;background:var(--card-color);border-radius:var(--radius-full);border:1px solid var(--border-color)}.section-subtitle{font-size:1.8rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.section-footer{text-align:center;margin-top:var(--spacing-xl)}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;min-width:300px;transform:translate(100%);opacity:0;animation:slideIn .3s ease forwards;box-shadow:var(--shadow-lg)}.toast.success{border-left:4px solid var(--success-color)}.toast.error{border-left:4px solid var(--error-color)}.toast.warning{border-left:4px solid var(--warning-color)}.toast-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.toast-header i{font-size:1.8rem}.toast.success .toast-header i{color:var(--success-color)}.toast.error .toast-header i{color:var(--error-color)}.toast.warning .toast-header i{color:var(--warning-color)}.toast-title{font-size:1.6rem;font-weight:600;color:var(--text-color)}.toast-body{font-size:1.4rem;color:var(--text-secondary)}.back-to-top{position:fixed;bottom:2rem;right:2rem;background:transparent;border:none;cursor:pointer;opacity:0;visibility:hidden;z-index:1000;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s}.back-to-top img{width:70px;height:auto;max-width:40vw;max-height:40vh;opacity:.8;transition:all .3s}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top img:hover{opacity:1;transform:scale(1.2) rotate(5deg)}.header{position:fixed;top:0;left:0;width:100%;padding:2rem 5%;background:transparent;display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:all var(--transition-base);border-bottom:1px solid transparent}.header.scrolled{padding:1.5rem 5%;background:transparent;border-bottom-color:transparent;box-shadow:none}.logo{font-size:3rem;font-weight:900;color:var(--primary-color);display:flex;align-items:center;gap:5px;position:relative}.logo span{color:var(--text-color)}.logo:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base)}.logo:hover:after{width:100%}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:5px;z-index:1001}.hamburger{width:30px;height:20px;position:relative}.hamburger span{position:absolute;width:100%;height:2px;background:var(--text-color);border-radius:var(--radius-full);transition:all var(--transition-base)}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:0}.hamburger.active span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}.nav-menu{display:flex;margin-right:30px;gap:3rem;position:relative}.nav-link{font-size:1.6rem;font-weight:500;color:var(--text-secondary);position:relative;padding:.5rem 0;transition:color var(--transition-base)}.nav-link:before{content:attr(data-text);position:absolute;top:0;left:0;color:var(--primary-color);width:0;overflow:hidden;white-space:nowrap;transition:width var(--transition-base)}.nav-link:hover:before,.nav-link.active:before{width:100%}.nav-indicator{position:absolute;bottom:-5px;height:2px;background:var(--gradient-primary);border-radius:var(--radius-full);transition:all var(--transition-base)}:root{--primary-color: #e02020;--primary-bright: #ff3030;--primary-dim: rgba(224, 32, 32, .15);--gradient-primary: linear-gradient(135deg, #c01010, #e02020);--glow-primary: 0 0 28px rgba(224, 32, 32, .45);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .5);--bg-color: #0a0a0a;--surface-color: #141414;--card-color: rgba(255, 255, 255, .04);--border-color: rgba(255, 255, 255, .08);--text-color: #ffffff;--text-secondary: rgba(255, 255, 255, .45);--radius-sm: 8px;--radius-md: 14px;--radius-full: 999px;--transition-fast: .18s ease;--transition-base: .28s ease;--cyber-dot: rgba(255, 255, 255, .032);--cyber-scan: rgba(0, 0, 0, .016);--spacing-sm: 1.5rem;--spacing-md: 2rem;--spacing-xl: 4rem;--font-head: "Syne", sans-serif;--font-mono: "Space Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-color);font-family:var(--font-head);overflow-x:hidden}.hero-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:68px 5% 0}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--cyber-dot) 1px,transparent 1px);background-size:36px 36px;pointer-events:none;z-index:0}.hero-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,var(--cyber-scan) 3px,var(--cyber-scan) 4px);pointer-events:none;z-index:0}.hero-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 55% at 20% 50%,rgba(160,10,10,.18) 0%,transparent 65%),radial-gradient(ellipse 40% 35% at 80% 80%,rgba(100,5,5,.1) 0%,transparent 70%);z-index:0;pointer-events:none;animation:bgPulse 5s ease-in-out infinite alternate}@keyframes bgPulse{0%{opacity:.7}to{opacity:1}}.particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.particle{position:absolute;background:var(--primary-color);border-radius:0;opacity:0;transform:rotate(45deg);animation:floatParticle var(--dur) ease-in-out var(--delay) infinite}@keyframes floatParticle{0%{opacity:0;transform:translateY(0) scale(.5)}30%{opacity:.5}70%{opacity:.25}to{opacity:0;transform:translateY(-130px) scale(1)}}.hero-side-dots{position:absolute;left:3.6rem;top:20%;display:flex;flex-direction:column;gap:6px;z-index:10}.hero-side-dots span{width:5px;height:7px;background:var(--primary-color);display:block}.hero-side-dots span:nth-child(1){animation:dotBlink 2s 0s ease-in-out infinite}.hero-side-dots span:nth-child(2){animation:dotBlink 2s .4s ease-in-out infinite}.hero-side-dots span:nth-child(3){animation:dotBlink 2s .8s ease-in-out infinite}.hero-side-dots span:nth-child(4){animation:dotBlink 2s 1.2s ease-in-out infinite}@keyframes dotBlink{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.2;transform:scaleX(.6)}}.hero-side-label{position:absolute;top:50%;writing-mode:vertical-rl;font-family:var(--font-mono);font-size:1.2rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-secondary);z-index:10}.hero-side-label--left{left:3.2rem;transform:translateY(-50%) rotate(180deg)}.hero-side-label--right{right:0;background-color:#07070734;height:100vh;width:15rem;display:flex;align-items:center;justify-content:center;transform:translateY(-50%) rotate(180deg)}.hero-side-num{position:absolute;left:3.2rem;bottom:15rem;font-family:var(--font-mono);font-size:1.6rem;color:var(--primary-color);z-index:10}.home{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:2rem 0;position:relative;z-index:5}.home-img{position:relative;display:flex;justify-content:center;align-items:center}.image-container{position:relative;width:380px;height:380px;display:flex;align-items:center;justify-content:center}.geo-rings{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.geo-ring{position:absolute;display:flex;align-items:center;justify-content:center}.geo-ring-1{width:530px;height:530px;animation:rotateCW 18s linear infinite}.geo-ring-2{width:400px;height:400px;animation:rotateCCW 12s linear infinite}.geo-ring-3{width:320px;height:320px;animation:rotateCW 24s linear infinite}.geo-ring svg{width:100%;height:100%}@keyframes rotateCW{to{transform:rotate(360deg)}}@keyframes rotateCCW{to{transform:rotate(-360deg)}}.logo-sphere{position:relative;width:370px;height:370px;border-radius:50%;z-index:5;background:radial-gradient(circle at 35% 30%,#ffffff0a,#1e050540 45%,#0000001a);box-shadow:inset 0 0 30px 6px #c8141442,inset 0 0 70px 20px #a00a0a40,inset 0 0 120px 40px #6405051f,0 0 40px 10px #c814142a,0 0 90px 20px #a00a0a1f;border:1.5px solid rgba(220,30,30,.55);display:flex;align-items:center;justify-content:center;animation:float3D 6s ease-in-out infinite}.logo-sphere:before{content:"";position:absolute;width:55%;height:40%;top:8%;left:10%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.07) 0%,transparent 70%);pointer-events:none}@keyframes float3D{0%,to{transform:translateY(0) rotate3d(1,1,0,0)}33%{transform:translateY(-12px) rotate3d(1,1,0,2deg)}66%{transform:translateY(-6px) rotate3d(1,1,0,-1deg)}}.logo-3d{width:330px;height:330px;-o-object-fit:contain;object-fit:contain;position:relative;z-index:1}.glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(200,20,20,.18) 0%,transparent 70%);filter:blur(30px);animation:glowPulse 3s ease-in-out infinite;pointer-events:none;border-radius:50%}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}}.home-content{display:flex;flex-direction:column;gap:2rem;animation:fadeInUp .9s ease both .3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.intro-text{margin-bottom:.4rem}.subtitle{font-family:var(--font-mono);font-size:1.3rem;color:var(--text-secondary);letter-spacing:.35em;text-transform:uppercase;margin-bottom:.8rem;display:block;animation:fadeInUp .7s ease both .4s}.subtitle:before{content:"// ";color:var(--primary-color);opacity:.75;letter-spacing:0}.title{font-size:clamp(2.5rem,6vw,6rem);font-weight:900;line-height:1.05;letter-spacing:-.02em;margin-bottom:1.4rem;animation:fadeInUp .7s ease both .5s}.gradient-text{color:var(--primary-color);text-shadow:0 0 28px rgba(224,32,32,.35),0 0 8px rgba(224,32,32,.2)}.typing-container{min-height:64px;animation:fadeInUp .7s ease both .6s}.typing-text{font-size:clamp(1.6rem,2.9vw,2.3rem);font-weight:600;color:var(--text-secondary)}.typed-text{color:var(--primary-color);border-right:2.5px solid var(--primary-color);padding-right:3px;text-shadow:0 0 14px rgba(224,32,32,.45);animation:blink .75s step-end infinite}@keyframes blink{50%{border-color:transparent}}.typing-underline{width:52px;height:2px;background:var(--primary-color);border-radius:2px;margin-top:.7rem}.description{font-size:clamp(1.4rem,1.7vw,1.6rem);line-height:1.8;color:var(--text-secondary);border-left:2px solid rgba(224,32,32,.55);box-shadow:-6px 0 18px -4px #e0202040;padding-left:1.1rem;max-width:500px;animation:fadeInUp .7s ease both .7s}.social-icons{display:flex;gap:2rem;animation:fadeInUp .7s ease both .8s}.social-icon{position:relative;width:60px;height:45px;display:flex;align-items:center;justify-content:center;background:var(--card-color);border:1.5px solid var(--border-color);border-bottom:1.5px solid rgba(224,32,32,.6);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:2rem;margin-bottom:30px;text-decoration:none;transition:all var(--transition-base);overflow:hidden;box-shadow:0 5px 18px -4px #e020206b}.social-icon:hover{transform:translateY(-5px);border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 8px 24px -2px #e020208c,0 0 0 1px #e0202026}.hover-effect{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary);transform:translateY(100%);transition:transform var(--transition-base);z-index:-1}.social-icon:hover .hover-effect{transform:translateY(0)}.hero-buttons{display:flex;gap:1.2rem;align-items:center;animation:fadeInUp .7s ease both .9s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:1rem 2.4rem;font-family:var(--font-head);font-size:1.8rem;font-weight:700;letter-spacing:.04em;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);border:1px solid transparent;text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);transform:skew(-20deg);transition:left .55s ease;pointer-events:none}.btn:hover:after{left:140%}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--glow-primary)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #e0202080}.pulse-animation{animation:pulseShadow 2.5s ease-in-out infinite}@keyframes pulseShadow{0%,to{box-shadow:0 0 24px #e0202066}50%{box-shadow:0 0 46px #e02020bf}}.btn-secondary{background:transparent;color:var(--text-color);border-color:var(--primary-bright)}.btn-secondary:hover{border-color:var(--text-color);transform:translateY(-3px)}.cv-dropdown{position:relative}.cv-dropdown-content{position:absolute;top:calc(100% + 5px);left:0;background:#1c1c1c;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.6rem;min-width:230px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:all var(--transition-base);box-shadow:var(--shadow-lg);z-index:200}.cv-dropdown-content.show{opacity:1;pointer-events:all;transform:translateY(0)}.cv-link{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;color:var(--text-secondary);font-size:.88rem;text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.cv-link:hover{background:var(--primary-dim);color:var(--text-color)}.stats-bar{display:flex;align-items:stretch;width:calc(100% - 10rem);max-width:1200px;background:#ffffff0a;border:1px solid var(--border-color);border-top:1px solid rgba(224,32,32,.28);border-radius:16px;overflow:hidden;margin-top:6.6rem;position:relative;z-index:5;animation:fadeInUp .8s ease both 1s;box-shadow:0 -6px 24px -10px #e0202033,inset 0 1px #e020201f}.stat-item{flex:1;display:flex;align-items:center;gap:1.2rem;padding:1.5rem 2rem;border-right:1px solid var(--border-color);transition:background var(--transition-base)}.stat-item:last-child{border-right:none}.stat-item:hover{background:#e020200f}.stat-item:hover .stat-icon-wrap{background:#e0202033;box-shadow:0 0 16px #e0202059}.stat-icon-wrap{flex-shrink:0;width:44px;height:44px;border-radius:10px;background:#e020201f;border:1px solid rgba(224,32,32,.25);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.7rem;transition:background var(--transition-base),box-shadow var(--transition-base)}.stat-info{display:flex;flex-direction:column}.stat-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;color:var(--text-secondary);text-transform:uppercase}.stat-value{font-size:1.75rem;font-weight:900;line-height:1.15;color:var(--text-color)}.stat-bracket{font-family:var(--font-mono);font-size:1.1rem;font-weight:400;color:#e020208c;vertical-align:middle;margin:0 1px}.stat-sub{font-size:1.3rem;color:var(--text-secondary)}.scroll-down{position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;color:var(--text-secondary);text-decoration:none;z-index:10;animation:fadeInUp .7s ease both 1.2s}.scroll-animation{display:flex;flex-direction:column;align-items:center;gap:5px}.scroll-animation span{width:2px;height:14px;background:var(--primary-color);border-radius:var(--radius-full);display:block}.scroll-animation span:nth-child(1){animation:scroll1 2s 0s infinite}.scroll-animation span:nth-child(2){animation:scroll1 2s .2s infinite}.scroll-animation span:nth-child(3){animation:scroll1 2s .4s infinite}@keyframes scroll1{0%,to{opacity:.2;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}.scroll-text{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.22em;text-transform:uppercase}.reveal-text{animation:fadeInUp .7s ease both}.fade-in{animation:fadeInUp .7s ease both .7s}@keyframes rotate{to{transform:rotate(360deg)}}@media (max-width: 1024px){.home{grid-template-columns:1fr;text-align:center;gap:3rem}.home-img{justify-content:center}.description{margin:0 auto}.social-icons,.hero-buttons{justify-content:center}.stats-bar{width:calc(100% - 4rem)}.hero-side-label,.hero-side-dots,.hero-side-num{display:none}}@media (max-width: 600px){.stats-bar{flex-direction:column}.stat-item{border-right:none;border-bottom:1px solid var(--border-color)}.stat-item:last-child{border-bottom:none}.hero-section{padding:68px 1.2rem 0}.image-container{width:280px;height:280px}.geo-ring-1{width:260px!important;height:260px!important}.geo-ring-2{width:210px!important;height:210px!important}.geo-ring-3{width:240px!important;height:240px!important}.logo-sphere{width:170px;height:170px}.logo-3d{width:95px;height:95px}}:root{--primary-color: #e02020;--primary-bright: #ff3535;--primary-dim: rgba(224, 32, 32, .14);--gradient-primary: linear-gradient(135deg, #c01010, #e02020);--glow-primary: 0 0 28px rgba(224, 32, 32, .45);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .55);--bg-color: #0a0a0a;--surface-color: #111111;--card-color: rgba(255, 255, 255, .04);--border-color: rgba(255, 255, 255, .08);--text-color: #ffffff;--text-secondary: rgba(255, 255, 255, .5);--radius-sm: 8px;--radius-md: 14px;--radius-full: 999px;--transition-fast: .18s ease;--transition-base: .28s ease;--transition-slow: .5s ease;--spacing-sm: 1.5rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 4rem;--font-head: "Syne", sans-serif;--font-mono: "Space Mono", monospace}.about-section{position:relative;background:var(--bg-color);height:100vh;padding:3rem 5% 5rem;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:18px;margin:0 1.5rem 2rem;isolation:isolate}.about-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 70% 40%,rgba(180,10,10,.07) 0%,transparent 65%),radial-gradient(ellipse 60% 40% at 20% 60%,rgba(180,10,10,.04) 0%,transparent 60%);pointer-events:none;z-index:0}.about-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(182,0,0,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(240,29,29,.07) 1px,transparent 1px);background-size:48px 48px;background-position:center;pointer-events:none;opacity:0;z-index:1}.about-grid-spotlight{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(223,9,9,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(216,16,16,.18) 1px,transparent 1px);background-size:48px 48px;background-position:center;-webkit-mask-image:radial-gradient(circle 250px at var(--gx, 50%) var(--gy, 50%),black 0%,transparent 100%);mask-image:radial-gradient(circle 250px at var(--gx, 50%) var(--gy, 50%),black 0%,transparent 100%);opacity:.24;transition:opacity .55s ease;pointer-events:none;z-index:2}.about-grid-dots{position:absolute;top:3.5rem;right:3rem;display:grid;grid-template-columns:repeat(8,10px);gap:8px;pointer-events:none;z-index:0;opacity:.7}.about-grid-dots span{width:3px;height:3px;background:#bb0202d3;border-radius:50%;display:block;animation:dotPop 4s ease-in-out infinite}.about-grid-dots span:nth-child(odd){animation-delay:.4s}.about-grid-dots span:nth-child(3n){animation-delay:1.2s}.about-grid-dots span:nth-child(5n){animation-delay:.8s}@keyframes dotPop{0%,to{opacity:.13}50%{opacity:.45}}.about-side-bar{position:absolute;left:3rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:5}.about-side-dot{width:5px;height:5px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 10px #e02020bf,0 0 20px #e0202059;display:block;animation:dotBlink 2.5s ease-in-out infinite alternate}@keyframes dotBlink{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.25)}}.about-side-line{width:.5px;height:130px;background:#e020208c;display:block}.about-side-text{writing-mode:vertical-rl;font-family:var(--font-mono);font-size:1.2rem;letter-spacing:.24em;text-transform:uppercase;color:var(--text-secondary);padding:.4rem 0;transform:rotate(180deg)}.about-bottom-glow{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);width:65%;height:130px;background:radial-gradient(ellipse,rgba(200,20,20,.22) 0%,transparent 70%);filter:blur(24px);pointer-events:none;z-index:0}.reveal{opacity:0;transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.reveal-down{transform:translateY(-28px)}.reveal-left{transform:translate(-36px)}.reveal-right{transform:translate(36px)}.reveal.revealed{opacity:1;transform:none}.about-header{text-align:center;margin-bottom:3.5rem;position:relative;z-index:5;transition-delay:.1s}.about-section-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:26px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--card-color);margin-bottom:1.2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.about-section-badge span{font-family:var(--font-mono);font-size:1.5rem;color:var(--text-secondary);letter-spacing:.06em}.about-title{font-family:var(--font-head);font-size:clamp(2.7rem,4vw,3.4rem);font-weight:900;letter-spacing:-.01em;color:var(--text-color);line-height:1.1;margin-bottom:.6rem}.about-title .highlight{color:var(--primary-color);text-shadow:0 0 30px rgba(224,32,32,.45)}.about-title-underline{width:62px;height:3px;background:var(--gradient-primary);border-radius:2px;margin:.65rem auto 1.25rem;box-shadow:0 0 16px #e020208c;position:relative;overflow:hidden}.about-title-underline:after{content:"";position:absolute;top:0;left:-30px;width:30px;height:100%;background:#ffa0a0b3;filter:blur(2px);animation:underlineGlint 3s ease-in-out infinite 1s}@keyframes underlineGlint{0%{left:-30px;opacity:0}20%{opacity:1}to{left:80px;opacity:0}}.about-subtitle{font-size:1.5rem;color:var(--text-secondary);letter-spacing:.025em;text-transform:uppercase;margin-bottom:10rem}.about-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;position:relative;z-index:5;max-width:1300px;margin:0 auto;padding-left:2.5rem}.about-text{display:flex;flex-direction:column;gap:2rem;transition-delay:.2s}.about-name{font-family:var(--font-head);font-size:clamp(2.3rem,3vw,2.6rem);font-weight:900;line-height:1.15;color:var(--text-color);margin-bottom:0}.about-name-red{color:var(--primary-color);display:block;font-size:clamp(3rem,3.2vw,3.5rem);text-shadow:0 0 40px rgba(224,32,32,.35);margin-top:7px}.about-accent-line{width:82px;height:3px;background:var(--gradient-primary);border-radius:2px;margin:1rem 0 1.4rem;position:relative;box-shadow:0 0 16px #e0202099;overflow:hidden}.about-accent-line:after{content:"";position:absolute;top:0;left:0;width:32px;height:100%;background:#ff8282a6;border-radius:2px;filter:blur(3px);animation:lineGlint 3s ease-in-out infinite}@keyframes lineGlint{0%,to{left:-32px;opacity:0}20%{opacity:1}80%{opacity:1}to{left:82px;opacity:0}}.about-lead{font-size:clamp(2rem,1.6vw,1.18rem);line-height:1.78;color:var(--text-color);font-weight:500;margin:0}.about-details{display:flex;flex-direction:column;gap:.9rem}.about-details p{font-size:clamp(1.8rem,1.3vw,1rem);line-height:1.82;color:var(--text-secondary)}.stats-container{display:grid;grid-template-columns:repeat(3,2fr);gap:0;border:1px solid rgba(224,32,32,.2);border-top:1.5px solid rgba(224,32,32,.5);border-radius:var(--radius-md);overflow:hidden;background:#ffffff05;box-shadow:0 -4px 20px -8px #e0202038,inset 0 1px #e020201a;position:relative}.stats-container:before{content:"";position:absolute;top:0;left:-55%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.032),transparent);animation:statsScan 6s ease-in-out infinite 2s;pointer-events:none;z-index:2}@keyframes statsScan{0%{left:-55%}to{left:160%}}.stat-card{background:transparent;border:none;border-right:1px solid rgba(255,255,255,.06);border-radius:0;padding:1.4rem 1.2rem;display:flex;align-items:center;gap:1rem;transition:background var(--transition-base);position:relative;overflow:hidden;cursor:default}.stat-card:last-child{border-right:none}.stat-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .38s ease;box-shadow:0 0 12px #e0202099;z-index:3}.stat-card:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);transition:left .5s ease;z-index:3}.stat-card:hover{background:#e020200b}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover:after{left:140%}.stat-icon{flex-shrink:0;width:50px;height:50px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;box-shadow:0 4px 16px #c8101080;transition:box-shadow var(--transition-base),transform var(--transition-base)}.stat-card:hover .stat-icon{transform:scale(1.08) rotate(-4deg);box-shadow:0 6px 24px #c81010a6}.stat-content{flex:1}.stat-number{font-family:var(--font-main);font-size:clamp(2rem,2.5vw,2.5rem);font-weight:900;color:var(--primary-color);text-shadow:0 0 20px rgba(224,32,32,.5);line-height:1;margin-bottom:.8rem}.stat-label{font-family:var(--font-mono);font-size:1.2rem;color:var(--text-secondary);line-height:1.4;letter-spacing:.04em;margin:0;text-transform:uppercase}.stat-label:before{color:#e0202080;letter-spacing:0}.about-visual{display:flex;justify-content:center;align-items:center;transition-delay:.3s}.avatar-wrapper{position:relative;width:440px;height:440px;display:flex;align-items:center;justify-content:center}.avatar-ambient{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;border-radius:50%;background:radial-gradient(circle,rgba(200,10,10,.28) 0%,rgba(160,8,8,.12) 40%,transparent 70%);filter:blur(30px);animation:ambientPulse 5s ease-in-out infinite alternate;pointer-events:none}@keyframes ambientPulse{0%{opacity:.6;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}.avatar-ring{position:absolute;border-radius:50%;border:2px solid rgba(224,32,32,.35);pointer-events:none}.avatar-ring--outer{top:-32px;right:-32px;bottom:-32px;left:-32px;animation:ringPulse 3.2s ease-in-out infinite}.avatar-ring--mid{top:-14px;right:-14px;bottom:-14px;left:-14px;border-color:#e0202094;border-width:1.5px;animation:ringPulse 3.2s ease-in-out infinite 1.1s}@keyframes ringPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.avatar-circle{position:relative;width:390px;height:390px;border-radius:50%;overflow:hidden;background:#0f0505;border:2.5px solid rgba(224,32,32,.65);box-shadow:0 0 40px 8px #c8141461,0 0 90px 24px #a00a0a33,inset 0 0 60px 14px #b40a0a33;animation:avatarFloat 7.5s ease-in-out infinite}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transition:transform var(--transition-slow);filter:brightness(.96) contrast(1.06)}.avatar-circle:hover .avatar-image{transform:scale(1.05)}.avatar-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 50% 105%,rgba(200,20,20,.32) 0%,transparent 60%);pointer-events:none}.avatar-spark{position:absolute;background:var(--primary-color);border-radius:50%;display:block;box-shadow:0 0 10px #e02020d9,0 0 20px #e0202066;pointer-events:none;animation:sparkFloat 3s ease-in-out infinite}.avatar-spark--1{width:4px;height:4px;top:10%;left:15%;animation-delay:0s;animation-duration:3.3s}.avatar-spark--2{width:6px;height:6px;top:18%;right:12%;animation-delay:.5s;animation-duration:2.9s}.avatar-spark--3{width:3px;height:3px;top:60%;left:6%;animation-delay:1s;animation-duration:3.6s}.avatar-spark--4{width:5px;height:5px;bottom:18%;right:8%;animation-delay:1.5s;animation-duration:2.6s}.avatar-spark--5{width:3px;height:3px;bottom:8%;left:20%;animation-delay:.8s;animation-duration:3.9s}.avatar-spark--6{width:4px;height:4px;top:42%;right:4%;animation-delay:.2s;animation-duration:3s}.avatar-spark--7{width:2px;height:2px;top:30%;left:3%;animation-delay:1.8s;animation-duration:4.1s}.avatar-spark--8{width:5px;height:5px;bottom:32%;left:5%;animation-delay:.6s;animation-duration:2.7s}@keyframes sparkFloat{0%,to{opacity:.25;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-14px) scale(1.35)}}.avatar-cyber-box{position:absolute;pointer-events:none;transition:transform .14s cubic-bezier(.22,1,.36,1);z-index:8}.avatar-cyber-box:before{content:"";display:block;width:100%;height:100%;border:1px solid rgba(224,32,32,.52);box-shadow:0 0 10px #e020202e,inset 0 0 6px #e020200f}.avatar-cyber-box:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid rgba(224,32,32,.12)}.avatar-cyber-box--1{width:42px;height:42px;top:7%;left:3%;animation:cyberBoxIdle 4s ease-in-out infinite}.avatar-cyber-box--2{width:28px;height:28px;bottom:12%;right:4%;animation:cyberBoxIdle 5.2s ease-in-out infinite .9s}.avatar-cyber-box--3{width:18px;height:18px;top:24%;right:7%;animation:cyberBoxIdle 3.6s ease-in-out infinite 1.6s}.avatar-cyber-box--1:before{border-color:#e0202099}@keyframes cyberBoxIdle{0%,to{opacity:.55}50%{opacity:1}}@media (max-width: 1100px){.about-body{grid-template-columns:1fr;gap:3rem;padding-left:0}.about-visual{order:-1}.about-side-bar{display:none}.avatar-wrapper{width:340px;height:340px}.avatar-circle{width:310px;height:310px}.stats-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.about-section{padding:4rem 4%;margin:0 .5rem}.stats-container{grid-template-columns:1fr}.about-grid-dots{display:none}.avatar-wrapper{width:280px;height:280px}.avatar-circle{width:255px;height:255px}}@keyframes skillFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-120%)}to{transform:translate(220%)}}@keyframes sidebarLinePulse{0%{transform:translateY(-140%);opacity:0}12%{opacity:1}50%{opacity:1}88%{opacity:.95}to{transform:translateY(140%);opacity:0}}.skills-section{position:relative;padding:6rem 5% 5rem}.skills-layout{max-width:1200px;margin:0 auto;padding:0 2rem 0 2.5rem}.skills-sidebar{position:absolute;left:3rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:2rem;width:24px;z-index:4;pointer-events:none}.sidebar-line{position:relative;width:1px;height:100px;background:#ffffff4d;border-radius:999px;overflow:hidden;box-shadow:0 0 10px #ffffff14}.sidebar-line:after{content:"";position:absolute;top:-30%;left:50%;width:3px;height:50px;transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,#fff0,#e639468c 22%,#e63946 52%,#ff8c8cbf 78%,#fff0);box-shadow:0 0 14px #e6394699;animation:sidebarLinePulse 2.4s linear infinite}.sidebar-line:last-child:after{animation-delay:1.2s}.sidebar-label{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-family:var(--font-mono, "Space Mono", monospace);font-size:1.3rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--text-secondary, rgba(255, 255, 255, .5));padding:.35rem 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.skills-main{flex:1;min-width:0}.skills-header{text-align:center;margin-bottom:2.8rem}.skills-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:26px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--card-color);margin-bottom:1.2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.skills-badge span{font-family:var(--font-mono);font-size:1.5rem;color:var(--text-secondary);letter-spacing:.06em}.skills-title{font-family:var(--font-head);font-size:clamp(2.7rem,4vw,3.4rem);font-weight:900;letter-spacing:-.01em;color:var(--text-color);line-height:1.1;margin-bottom:.6rem}.skills-title span{color:var(--primary-color, #e63946)}.skills-subtitle{font-size:1.45rem;color:var(--text-secondary, #777);margin:0 0 1rem}.skills-divider{width:44px;height:2px;background:var(--primary-color, #e63946);margin:0 auto;border-radius:2px}.skill-tabs{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:2.6rem}.skill-tab{display:inline-flex;align-items:center;gap:.55rem;padding:.65rem 1.45rem;font-size:1.3rem;font-weight:500;color:var(--text-secondary, #777);background:transparent;border:1.5px solid var(--border-color, #222);border-radius:999px;cursor:pointer;transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s;white-space:nowrap}.skill-tab i{font-size:1.1rem}.skill-tab:hover{color:var(--primary-color, #e63946);border-color:var(--primary-color, #e63946);transform:translateY(-2px)}.skill-tab.active{background:var(--gradient-primary, linear-gradient(135deg, #e63946, #c1121f));color:#fff;border-color:transparent;box-shadow:0 4px 16px #e639464d;transform:translateY(-2px)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.3rem}.skill-card{position:relative;background:var(--card-color, #0f0f0f);border:1px solid var(--border-color, #1c1c1c);border-radius:12px;padding:1.5rem 1.7rem;opacity:0;animation:skillFadeUp .38s ease both;transition:border-color .25s,transform .25s,box-shadow .25s;will-change:transform;overflow:hidden}.skill-card:hover{border-color:var(--primary-color, #e63946);transform:translateY(-5px);box-shadow:0 10px 28px #e639461a}.card-corner{position:absolute;width:10px;height:10px;border-color:var(--primary-color, #e63946);border-style:solid;opacity:0;transition:opacity .22s,width .22s,height .22s}.card-corner.tl{top:7px;left:7px;border-width:1.5px 0 0 1.5px;border-radius:2px 0 0}.card-corner.tr{top:7px;right:7px;border-width:1.5px 1.5px 0 0;border-radius:0 2px 0 0}.card-corner.bl{bottom:7px;left:7px;border-width:0 0 1.5px 1.5px;border-radius:0 0 0 2px}.card-corner.br{bottom:7px;right:7px;border-width:0 1.5px 1.5px 0;border-radius:0 0 2px}.skill-card:hover .card-corner{opacity:1;width:13px;height:13px}.skill-card-top{display:flex;align-items:center;gap:1.1rem;margin-bottom:1.3rem}.skill-icon-box{flex-shrink:0;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:#e6394612;border:1px solid var(--border-color, #222);border-radius:10px;font-size:1.75rem;color:var(--primary-color, #e63946);transition:background .25s,color .25s,border-color .25s,transform .35s}.skill-card:hover .skill-icon-box{background:var(--gradient-primary, linear-gradient(135deg, #e63946, #c1121f));color:#fff;border-color:transparent;transform:rotateY(180deg)}.skill-text{flex:1;min-width:0}.skill-name{font-size:1.55rem;font-weight:700;color:var(--text-color, #f0f0f0);margin:0 0 .3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-desc{font-size:1.2rem;color:var(--text-secondary, #5a5a5a);margin:0;line-height:1.4}.skill-progress-row{display:flex;align-items:center;gap:.9rem}.progress-track{flex:1;height:6px;background:var(--border-color, #1c1c1c);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient-primary, linear-gradient(90deg, #c1121f, #e63946, #ff6b6b));border-radius:999px;width:0%;transition:width .9s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);animation:shimmer 2.4s infinite}.progress-pct{flex-shrink:0;font-size:1.25rem;font-weight:600;color:var(--primary-color, #e63946);min-width:36px;text-align:right}.skills-footer{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:3rem}.footer-rocket{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--card-color, #0f0f0f);border:1.5px solid var(--border-color, #222);border-radius:50%;font-size:1.4rem}.skills-footer p{font-size:1.4rem;color:var(--text-secondary, #666);margin:0}.skills-footer .accent{color:var(--primary-color, #e63946);font-weight:600}@media (max-width: 640px){.skills-sidebar{display:none}.skills-layout{max-width:100% auto;padding:0}.skills-main{width:min(100%,60rem);margin:0 auto}.skills-grid{grid-template-columns:1fr}.skill-tabs{justify-content:center}.skill-tab span{display:none}.skill-tab{padding:.65rem .9rem}}.blog-section-shell{position:relative;width:100%;margin:0;padding:0;background:transparent;border:none;box-shadow:none;isolation:isolate;overflow:hidden}.blog-section-shell:before,.blog-section-shell:after{display:none!important}.blog-section-shell:hover{transform:none;box-shadow:none}.blog-section-grid,.blog-section-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.blog-section-grid{background-image:linear-gradient(rgba(224,32,32,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(224,32,32,.07) 1px,transparent 1px);background-size:54px 54px;opacity:.28;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9) 0%,transparent 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9) 0%,transparent 100%)}.blog-section-glow{background:radial-gradient(ellipse 60% 55% at 18% 22%,rgba(224,32,32,.13),transparent),radial-gradient(ellipse 44% 40% at 84% 76%,rgba(224,32,32,.09),transparent)}.blog-section-inner{position:relative;z-index:1;max-width:1300px;margin:0 auto;padding:3rem 5rem 6rem;display:flex;flex-direction:column;align-items:center}.blog-section-header{width:100%;text-align:center;margin-bottom:0}.blog-section-header .section-title{justify-content:center}.blog-section-header .section-title h2{font-size:clamp(3.2rem,4vw,4.8rem)}.blog-section-header .section-subtitle{margin:.8rem auto 0;max-width:560px;line-height:1.8;text-align:center}.blog-header{width:100%;text-align:center;margin-bottom:0}.blog-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:26px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--card-color);margin-bottom:1.2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.blog-badge span{font-family:var(--font-mono);font-size:1.5rem;color:var(--text-secondary);letter-spacing:.06em}.blog-kicker{display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.6rem;padding:.55rem 1.4rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;font-family:var(--font-mono, "Space Mono", monospace);font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffff94}.blog-section-title-wrapper{display:flex;align-items:center;justify-content:center;gap:2.4rem;margin-bottom:1.8rem;width:100%}.blog-title-decoration{flex:1;height:4px;position:relative;min-width:30px}.blog-title-decoration:before{content:"";position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);height:3px;background-image:radial-gradient(circle,rgba(224,32,32,.6) 1.5px,transparent 1.5px);background-size:12px 3px;background-repeat:repeat-x;background-position:center}.blog-title-decoration:first-child:before{-webkit-mask-image:linear-gradient(to right,transparent 0%,black 100%);mask-image:linear-gradient(to right,transparent 0%,black 100%)}.blog-title-decoration:last-child:before{-webkit-mask-image:linear-gradient(to left,transparent 0%,black 100%);mask-image:linear-gradient(to left,transparent 0%,black 100%)}.blog-section-title{font-size:clamp(2.8rem,3.6vw,3.8rem);white-space:nowrap;margin:0;flex-shrink:0;line-height:1.2}.blog-intro{max-width:580px;margin:0 auto;font-size:1.5rem;line-height:1.8;color:var(--text-secondary)}.blog-carousel-container{position:relative;width:100%;display:flex;align-items:center;gap:0}.carousel-btn{flex-shrink:0;width:50px;height:50px;border-radius:50%;background:#121212d9;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s ease,border-color .25s ease,transform .25s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10;position:relative}.carousel-btn:hover{background:#e020202e;border-color:#e0202080;transform:scale(1.08)}.blog-carousel{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 50%);mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.blog-track{display:flex;gap:2.4rem;align-items:stretch;will-change:transform}.carousel-dots{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:2.8rem;width:100%}.carousel-dot{width:10px;height:10px;background:#ffffff29;border-radius:50%;cursor:pointer;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}.carousel-dot.active{background:var(--primary-color, #e02020);transform:scale(1.3);box-shadow:0 0 14px #e0202073}.blog-card{position:relative;display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,#ffffff07,#fff0),#ffffff08;border:1px solid rgba(255,255,255,.08);border-top-color:#e0202042;border-radius:14px;overflow:hidden;box-shadow:inset 0 1px #ffffff06;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.blog-card:hover{transform:translateY(-10px);border-color:#e0202066;box-shadow:0 20px 40px #0006,0 0 28px #e020201a}.blog-card-corner{position:absolute;width:12px;height:12px;border-color:#e02020bf;border-style:solid;opacity:0;z-index:2;transition:opacity .25s ease,width .25s ease,height .25s ease}.blog-card-corner--tl{top:10px;left:10px;border-width:1px 0 0 1px}.blog-card-corner--tr{top:10px;right:10px;border-width:1px 1px 0 0}.blog-card-corner--bl{bottom:10px;left:10px;border-width:0 0 1px 1px}.blog-card-corner--br{bottom:10px;right:10px;border-width:0 1px 1px 0}.blog-card:hover .blog-card-corner{opacity:1;width:16px;height:16px}.blog-card-image-wrap{position:relative;width:100%;height:215px;flex-shrink:0;overflow:hidden}.blog-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .5s ease}.blog-card:hover .blog-image{transform:scale(1.05)}.blog-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,rgba(0,0,0,.1) 55%,transparent 100%);pointer-events:none}.blog-date{position:absolute;bottom:14px;left:14px;z-index:1;display:inline-flex;align-items:center;padding:.42rem 1.15rem;border-radius:999px;background:#080808d6;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#f0f0f0;font-family:var(--font-mono, "Space Mono", monospace);font-size:1.05rem;font-weight:600;letter-spacing:.04em;white-space:nowrap}.blog-content{display:flex;flex-direction:column;flex:1;padding:2rem 2.2rem}.blog-day-label{display:inline-block;margin-bottom:.65rem;font-family:var(--font-mono, "Space Mono", monospace);font-size:1.15rem;font-weight:600;letter-spacing:.06em;color:var(--primary-color, #e02020)}.blog-title{font-size:clamp(1.9rem,2vw,2.25rem);line-height:1.35;margin-bottom:.85rem;color:var(--text-color)}.blog-excerpt{font-size:1.42rem;line-height:1.75;color:var(--text-secondary);flex:1;margin-bottom:1.8rem}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto}.read-more{display:inline-flex;align-items:center;gap:.6rem;color:var(--primary-color, #e02020);font-family:var(--font-mono, "Space Mono", monospace);font-size:1.3rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding-bottom:.2rem;border-bottom:1px solid transparent;transition:gap .25s ease,border-color .25s ease}.read-more:hover{gap:1rem;border-color:#e0202073}.blog-external-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffff73;font-size:1.15rem;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}.blog-external-btn:hover{border-color:#e020206b;background:#e020201a;color:var(--primary-color, #e02020);transform:translateY(-1px)}.blog-section-footer{margin-top:1rem;text-align:center}.blog-section-footer .btn-outline{border-color:#e0202066;background:#ffffff05}.blog-section-footer .btn-outline:hover{border-color:#e02020a6;box-shadow:0 14px 32px #e0202024}.decorative-line{width:84px;height:2px;background:var(--gradient-primary);margin:0 auto;border-radius:2px;position:relative;overflow:hidden;box-shadow:0 0 18px #e0202040}.decorative-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,white,transparent);animation:shimmer 2s infinite}@keyframes shimmer{to{left:100%}}@media (max-width: 1024px){.blog-section-inner{padding:5.5rem 3rem 5rem}.blog-card-image-wrap{height:190px}.blog-carousel{-webkit-mask-image:linear-gradient(to right,transparent 0%,black 7%,black 93%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 7%,black 93%,transparent 100%)}}@media (max-width: 768px){.blog-section-inner{padding:4.5rem 2.4rem 4rem}.carousel-btn{width:44px;height:44px;font-size:1.3rem}.blog-section-title{white-space:normal;font-size:2.6rem}.blog-section-title-wrapper{gap:1.4rem}.blog-title-decoration{min-width:24px}.blog-card-image-wrap{height:180px}.blog-content{padding:1.8rem}.blog-intro{font-size:1.4rem}.blog-carousel{-webkit-mask-image:linear-gradient(to right,transparent 0%,black 7%,black 93%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 7%,black 93%,transparent 100%)}}@media (max-width: 480px){.blog-section-inner{padding:3.5rem 1.6rem}.blog-carousel-container{flex-wrap:wrap;justify-content:space-between;row-gap:1.2rem}.blog-carousel{order:1;flex:0 0 100%;width:100%}.carousel-btn{order:2;width:38px;height:38px;font-size:1.2rem}.blog-section-header .section-title h2{font-size:2.8rem}.blog-section-title{font-size:2.2rem}.blog-section-title-wrapper{gap:1rem}.blog-title-decoration{min-width:16px}.blog-card-image-wrap{height:160px}.blog-content{padding:1.6rem 1.4rem}.blog-day-label{font-size:1.05rem}.blog-title{font-size:1.85rem}.blog-excerpt{font-size:1.32rem;line-height:1.68}.blog-intro,.blog-section-header .section-subtitle{font-size:1.35rem;line-height:1.75}.blog-carousel{-webkit-mask-image:none;mask-image:none}}@keyframes projectFadeIn{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dotBlink{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}@keyframes glowBreath{0%,to{opacity:.3}50%{opacity:.6}}.projects-section{position:relative;padding:var(--spacing-xl, 4rem) var(--spacing-lg, 2.4rem)}.projects-sidebar{position:absolute;left:var(--spacing-lg, 2.4rem);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.8rem;pointer-events:none;z-index:1}.sidebar-dots{display:flex;flex-direction:column;gap:.6rem}.sidebar-dot{width:7px;height:7px;border-radius:50%;background:var(--primary-color, #c0392b);animation:dotBlink 2.4s ease-in-out infinite}.sidebar-dot:nth-child(2){animation-delay:.3s}.sidebar-dot:nth-child(3){animation-delay:.6s}.sidebar-line{width:1px;height:12rem;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.15),transparent)}.sidebar-label{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:1rem;font-weight:700;letter-spacing:.4em;color:var(--text-secondary);text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.section-subtitle .subtitle-accent{color:var(--primary-color, #c0392b);font-weight:600}.section-title{display:flex;flex-direction:column;gap:.6rem}.project-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:26px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--card-color);margin-bottom:1.2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-badge span{font-family:var(--font-mono);font-size:1.5rem;color:var(--text-secondary);letter-spacing:.06em}.project-title{font-family:var(--font-head);font-size:clamp(2.7rem,4vw,3.4rem);font-weight:900;letter-spacing:-.01em;color:var(--text-color);line-height:1.1;margin-bottom:.6rem}.projects-filter{display:flex;justify-content:center;gap:1rem;margin:var(--spacing-lg, 2.4rem) 0;flex-wrap:wrap}.filter-btn{display:inline-flex;align-items:center;gap:.65rem;padding:.9rem 2rem;background:transparent;border:1.5px solid var(--border-color, rgba(255, 255, 255, .14));color:var(--text-color, #e0e0e0);border-radius:var(--radius-full, 9999px);cursor:pointer;font-size:1.35rem;font-weight:500;position:relative;overflow:hidden;transition:color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}.filter-btn i{font-size:1.15rem;position:relative;z-index:1}.filter-btn span{position:relative;z-index:1}.filter-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary, linear-gradient(135deg, #971313 0%, #c0392b 100%));opacity:0;transition:opacity .25s ease;border-radius:inherit}.filter-btn.active:before,.filter-btn:hover:before{opacity:1}.filter-btn.active,.filter-btn:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 8px 26px #97131373}.projects-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-lg, 2.4rem);margin-top:var(--spacing-lg, 2.4rem);transition:opacity .25s ease}.projects-grid.grid-fading{opacity:0;pointer-events:none}.project-card{flex:1 1 340px;max-width:420px;background:var(--card-color, #0f0f0f);border:1px solid var(--border-color, rgba(255, 255, 255, .07));border-radius:var(--radius-lg, 1.4rem);overflow:hidden;position:relative;display:flex;flex-direction:column;animation:projectFadeIn .4s ease both;transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease}.project-card:hover{transform:translateY(-10px);border-color:#97131380;box-shadow:0 0 0 1px #9713131f,0 22px 55px #0009,0 0 35px #9713131a}.project-image-wrapper{position:relative;overflow:hidden;height:240px;flex-shrink:0}.project-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .55s ease}.project-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 35%,rgba(8,8,8,.75) 100%);pointer-events:none}.project-card:hover .project-image{transform:scale(1.06)}.project-content{padding:var(--spacing-md, 1.6rem);position:relative;z-index:1;display:flex;flex-direction:column;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:var(--spacing-sm, 1rem)}.project-tag{padding:.28rem .95rem;background:var(--surface-color, rgba(255, 255, 255, .04));color:var(--primary-color, #c0392b);border-radius:var(--radius-full, 9999px);font-size:1.1rem;font-weight:500;border:1px solid var(--border-color, rgba(255, 255, 255, .1));letter-spacing:.01em}.project-tag-accent{background:#97131324;border-color:#97131366;color:#e05c5c}.project-title{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm, .9rem);color:var(--text-color, #f0f0f0);line-height:1.3;letter-spacing:-.01em}.project-description{font-size:1.45rem;color:var(--text-secondary, rgba(255, 255, 255, .52));margin-bottom:var(--spacing-md, 1.4rem);line-height:1.65;flex:1}.project-links{display:flex;gap:.85rem;margin-bottom:2.8rem}.project-link{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.9rem 1.4rem;border-radius:var(--radius-full, 9999px);font-size:1.35rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:transform .22s ease,box-shadow .22s ease}.project-link i{font-size:1.15rem}.project-link-primary{background:var(--gradient-primary, linear-gradient(135deg, #971313 0%, #c0392b 100%));color:#fff;border:none}.project-link-primary:hover{transform:translateY(-3px);box-shadow:0 8px 22px #97131380}.project-link-secondary{background:transparent;color:var(--text-secondary, rgba(255, 255, 255, .6));border:1.5px solid var(--border-color, rgba(255, 255, 255, .12))}.project-link-secondary:hover{border-color:var(--primary-color, #c0392b);color:var(--primary-color, #c0392b);transform:translateY(-3px)}.project-number{position:absolute;bottom:var(--spacing-md, 1.6rem);left:var(--spacing-md, 1.6rem);font-size:1.2rem;font-weight:700;color:#ffffff1a;letter-spacing:.06em;font-variant-numeric:tabular-nums;z-index:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.project-glow{position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:100%;height:3px;background:linear-gradient(to right,transparent 0%,rgba(192,57,43,.6) 70%,rgba(220,40,40,.95) 50%,rgba(192,57,43,.6) 70%,transparent 100%);border-radius:0 0 var(--radius-lg, 1.4rem) var(--radius-lg, 1.4rem);pointer-events:none;animation:glowBreath 3s ease-in-out infinite;z-index:2;box-shadow:0 0 8px 2px #c0392b73,0 0 18px 4px #c0392b33}.project-card:hover .project-glow{background:linear-gradient(to right,transparent 0%,rgba(220,40,40,.75) 75%,rgba(255,60,60,1) 50%,rgba(220,40,40,.75) 75%,transparent 100%);box-shadow:0 0 12px 4px #dc282899,0 0 28px 8px #c0392b4d;width:90%}.section-footer{display:flex;justify-content:center;margin-top:var(--spacing-xl, 3.2rem)}.btn-outline{display:inline-flex;align-items:center;gap:.75rem;padding:1.05rem 2.6rem;border:1.5px solid var(--border-color, rgba(255, 255, 255, .18));border-radius:var(--radius-full, 9999px);color:var(--text-color, #e0e0e0);font-size:1.4rem;font-weight:600;text-decoration:none;position:relative;overflow:hidden;transition:color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}.btn-outline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-primary, linear-gradient(135deg, #971313 0%, #c0392b 100%));opacity:0;transition:opacity .25s ease;border-radius:inherit}.btn-outline span,.btn-outline i{position:relative;z-index:1}.btn-outline:hover:before{opacity:1}.btn-outline:hover{color:#fff;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 28px #97131366}@media (max-width: 900px){.projects-sidebar{display:none}.project-card{flex:1 1 100%;max-width:480px}}@media (max-width: 560px){.projects-filter{gap:.6rem}.filter-btn{padding:.8rem 1.3rem;font-size:1.2rem}.project-links{flex-direction:column}}.contact-section{position:relative;overflow:visible;width:min(100%,1400px);max-width:calc(100% - 3rem);margin:0 auto 2rem;padding-right:clamp(4.5rem,6vw,7rem);box-sizing:border-box}.section-card-contact{position:relative;background:var(--surface-color);border-radius:var(--radius-lg);margin:60px auto;padding:50px 100px;overflow:hidden;border:1px solid var(--border-color);transition:all var(--transition-base)}.section-card-contact:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary)}.section-card-contact:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl)}.contact-container{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--spacing-xl);align-items:start}.contact-info-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-left-header{display:flex;flex-direction:column;gap:0}.contact-badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:26px;border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--card-color);margin-bottom:1.2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.contact-badge span{font-family:var(--font-mono);font-size:1.5rem;color:var(--text-secondary);letter-spacing:.06em}.contact-heading{font-size:6rem;font-weight:800;line-height:1.1;color:var(--text-color);margin:0 0 1.2rem}.contact-heading .highlight{color:var(--primary-color)}.contact-title-line{width:120px;height:2px;background:var(--gradient-primary);border-radius:2px;margin-bottom:2.4rem}.contact-subtitle{font-size:1.5rem;color:var(--text-secondary);line-height:1.7;margin:0}.contact-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.contact-card{background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.4rem 1.6rem;display:flex;align-items:center;gap:1.4rem;transition:all var(--transition-base);cursor:pointer}.contact-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translate(6px)}.contact-icon{width:48px;height:48px;flex-shrink:0;background:#dc26262e;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--primary-color)}.contact-content{flex:1}.contact-label{display:block;font-size:1.2rem;color:var(--text-secondary);margin-bottom:.3rem;font-weight:500}.contact-content p{font-size:1.55rem;color:var(--text-color);font-weight:700;margin:0}.contact-arrow{color:var(--primary-color);font-size:1.4rem;opacity:.85;flex-shrink:0}.contact-socials{background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg)}.contact-socials h4{font-size:1.5rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);font-weight:500}.social-links{display:flex;gap:var(--spacing-md)}.social-link{width:48px;height:48px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:30%;display:flex;align-items:center;justify-content:center;color:var(--text-color);font-size:1.8rem;transition:all var(--transition-base);text-decoration:none}.social-link:hover{background:var(--gradient-primary);color:#fff;border-color:transparent;transform:translateY(-4px)}.contact-form-container{background:var(--card-color);border:1px solid var(--primary-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.form-header{display:flex;align-items:center;gap:1.6rem;margin-bottom:var(--spacing-lg)}.form-header-icon{width:52px;height:52px;flex-shrink:0;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem}.form-header-text h3{font-size:2rem;font-weight:700;color:var(--text-color);margin:0 0 .3rem;line-height:1.2}.form-header-text h3 .highlight{color:var(--primary-color)}.form-header-text p{font-size:1.3rem;color:var(--text-secondary);margin:0}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:.8rem}.form-group label{display:flex;align-items:center;gap:.7rem;font-size:1.35rem;font-weight:600;color:var(--text-color)}.form-group label i{color:var(--primary-color);font-size:1.2rem}.form-group input,.form-group textarea{width:100%;padding:1.3rem 1.5rem;background:var(--surface-color);color:var(--text-color);border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:1.45rem;transition:border-color var(--transition-base),box-shadow var(--transition-base);outline:none;box-sizing:border-box}.form-group textarea{resize:vertical;min-height:140px;font-family:inherit}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--text-secondary);opacity:.6}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:.6}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--shadow-color)}.form-group input.error,.form-group textarea.error{border-color:#e63946}.submit-btn{width:100%;padding:1.6rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.6rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:1rem;transition:opacity var(--transition-base),transform var(--transition-base);margin-top:.4rem;letter-spacing:.03em}.submit-btn:hover{opacity:.9;transform:translateY(-2px)}.submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.vertical-text-wrapper{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:1.6rem;width:clamp(3.75rem,4vw,4.75rem);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vertical-text{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:1.1rem;font-weight:600;letter-spacing:.25em;color:var(--text-secondary);opacity:.55;text-transform:uppercase}.vertical-line{width:1.5px;height:80px;background:var(--primary-color);border-radius:2px;opacity:.7}@media (max-width: 900px){.contact-container{grid-template-columns:1fr}.contact-section{width:calc(100% - 2rem);max-width:calc(100% - 2rem);margin:0 auto 2rem;padding-right:0}.vertical-text-wrapper{display:none}.contact-heading{font-size:4.5rem}}@media (max-width: 600px){.contact-section{width:calc(100% - 1rem);max-width:calc(100% - 1rem);margin:0 auto 2rem}.form-row{grid-template-columns:1fr}.contact-heading{font-size:3.8rem}}.footer{background:var(--surface-color);border-top:1px solid var(--border-color);padding:var(--spacing-xl) 0 0;margin-top:var(--spacing-xl)}.footer-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:2fr 3fr 1fr;gap:var(--spacing-xl)}.footer-brand{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-logo{position:relative;display:inline-flex;align-items:center;min-height:50px}.footer-logo-text{position:relative;z-index:1;font-size:clamp(3.2rem,5vw,4.4rem);font-weight:900;line-height:1;letter-spacing:.18em;text-transform:uppercase;color:var(--primary-color);text-shadow:0 0 18px rgba(220,38,38,.24)}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,var(--primary-color) 0%,transparent 70%);opacity:.3;filter:blur(20px);z-index:-1}.footer-tagline{font-size:1.6rem;color:var(--text-secondary);line-height:1.6;max-width:28rem}.footer-credit{font-size:1.4rem;color:var(--text-muted)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.links-column h4{font-size:1.8rem;margin-bottom:var(--spacing-md);color:var(--text-color)}.links-column ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.links-column a{color:var(--text-secondary);font-size:1.4rem;transition:all var(--transition-base)}.links-column a:hover{color:var(--primary-color);transform:translate(5px)}.footer-newsletter{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-newsletter h4{font-size:1.8rem;color:var(--text-color)}.footer-newsletter p{font-size:1.4rem;color:var(--text-secondary);margin:0}.newsletter-form{display:flex;gap:.5rem;margin-top:var(--spacing-sm)}.newsletter-form input{flex:1;padding:1rem 1.5rem;background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-color);font-size:1.4rem}.newsletter-form button{width:45px;height:45px;background:var(--gradient-primary);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-base)}.newsletter-form button:hover{transform:rotate(15deg) scale(1.1)}.footer-bottom{margin-top:var(--spacing-xl);padding:var(--spacing-md);border-top:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.footer-socials{display:flex;gap:var(--spacing-md)}.footer-socials a{width:40px;height:40px;background:var(--card-color);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-color);font-size:1.6rem;transition:all var(--transition-base)}.footer-socials a:hover{background:var(--gradient-primary);color:#fff;border-color:transparent;transform:translateY(-3px)}.footer-copyright{font-size:1.4rem;color:var(--text-muted);text-align:center}@media (max-width: 768px){h1{font-size:4.8rem}h2{font-size:3.6rem}h3{font-size:2.8rem}h4{font-size:2.2rem}h5{font-size:1.8rem}h6{font-size:1.6rem}}@media (max-width: 480px){h1{font-size:3.6rem}h2{font-size:2.8rem}h3{font-size:2.2rem}h4{font-size:1.8rem}h5{font-size:1.6rem}h6{font-size:1.4rem}}@media (max-width: 1400px){.home,.section-card,.container{max-width:1200px}}@media (max-width: 1280px){html{font-size:58%}.header{padding:2rem 5%}.nav-menu{margin-right:50px}.theme-toggle{top:20px;right:20px}.home{gap:var(--spacing-lg)}.home .home-content .title{font-size:5rem}.home .home-content .typing-text{font-size:2.8rem}.image-container{width:300px;height:300px}.glow-effect{width:350px;height:350px}.logo-3d{width:280px;height:280px}.logo-sphere{width:350px;height:330px}.hero-side-label--right{width:8rem;padding:.4rem 1.2rem}.scroll-down{display:none}.about-section{height:auto}.about-content{gap:var(--spacing-lg)}.avatar-container{width:350px;height:350px}.stats-container{grid-template-columns:repeat(3,1fr)}.skills-grid{grid-template-columns:repeat(2,1fr)}.projects-grid{gap:2rem}.contact-container{gap:var(--spacing-lg)}.footer-container{grid-template-columns:repeat(3,1fr)}.stats-bar{width:calc(100% - 6rem)}.section-card,.section-card-contact,.blog-section-shell{width:min(100%,auto);margin:0 auto}.projects-section{padding:5rem}.projects-sidebar{left:1.7rem}}@media (max-width: 1024px){.home .home-content .title{font-size:4.6rem}.home .home-content .typing-text{font-size:2.6rem}.stats-bar{width:calc(100% - 4rem)}.nav-menu{margin-right:70px}}@media (max-width: 992px){html{font-size:55%}.header{padding:1.8rem 4%;gap:1.6rem}.home{grid-template-columns:1fr;text-align:center;gap:7rem;padding:2rem 0 0}.home-content{order:2;gap:1.6rem;padding-left:0;align-items:center;max-width:68rem;margin:0 auto}.home-img{order:1}.description{max-width:100%;margin:0 auto;text-align:center}.stats-bar{width:min(100%,calc(100% - 4rem));margin-top:4.4rem}.hero-buttons,.social-icons{justify-content:center}.about-content,.about-body{grid-template-columns:1fr;text-align:center}.about-header,.about-text,.about-visual{max-width:72rem;margin-inline:auto}.floating-avatar{order:1;margin-bottom:var(--spacing-xl)}.about-text{order:2}.stats-container{grid-template-columns:1fr;max-width:400px;margin:0 auto}.skill-tabs{justify-content:center;overflow-x:auto;padding-bottom:1rem}.skill-tab{white-space:nowrap}.skills-layout,.blog-section-inner{gap:var(--spacing-lg)}.skills-main,.blog-main{min-width:0}.blog-section-shell{padding:3.6rem 2.6rem}.blog-card{flex:0 0 calc(50% - 2rem)}.contact-container{grid-template-columns:1fr;gap:var(--spacing-xl)}.form-row{grid-template-columns:1fr}.section-card-contact{padding:4rem 4.2rem}.footer-container{grid-template-columns:1fr;text-align:center;gap:10px}.footer-links{grid-template-columns:repeat(2,1fr)}.links-column ul{align-items:center}.newsletter-form{justify-content:center}}@media (max-width: 768px){.menu-toggle{display:block}.header{padding:1.35rem 1.8rem;gap:1rem}.logo{font-size:2.5rem}.nav-menu{position:fixed;top:0;right:-100%;width:min(82vw,34rem);height:100vh;margin-right:0;gap:0;align-items:flex-start;justify-content:flex-start;background:#0e0e0ef5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;padding:9rem 2rem 2.4rem;transition:right var(--transition-base);z-index:1000;box-shadow:-5px 0 20px #0003;border-left:1px solid var(--border-color);overflow-y:auto}.nav-menu.active{right:0}.nav-link{font-size:1.8rem;padding:1.2rem 0;border-bottom:1px solid var(--border-color);width:100%}.nav-indicator{display:none}.hamburger{display:flex}.theme-toggle{position:relative;top:auto;right:auto;transform:none;margin-left:auto}.home{gap:5rem;padding-top:3rem}.home .home-content .title{font-size:4.4rem}.home .home-content .typing-text{font-size:2.4rem}.image-container{top:0;width:min(100%,300px);height:min(100%,300px)}.glow-effect{width:320px;height:320px}.scroll-down{display:none}.hero-buttons{width:100%;flex-wrap:wrap;gap:1rem}.hero-buttons .btn{min-width:min(100%,220px)}.social-icons{flex-wrap:wrap;gap:1.2rem}.stats-bar{width:calc(100% - 2rem);margin-top:3.2rem}.section-card{padding:var(--spacing-lg) var(--spacing-md);margin:var(--spacing-md) auto}.about-section,.skills-section,.contact-section{width:calc(100% - 2rem);max-width:calc(100% - 2rem)}.about-header,.skills-header,.blog-header{margin-bottom:2.4rem}.about-title,.skills-title,.contact-heading{line-height:1.08}.section-header .title{font-size:4rem}.section-subtitle{font-size:1.6rem}.avatar-container{width:300px;height:300px}.skills-layout{grid-template-columns:1fr;gap:2.2rem}.skills-sidebar{display:none}.skills-main{width:min(100%,58rem);margin:0 auto}.skills-grid{grid-template-columns:1fr}.skill-tabs{justify-content:center;padding-inline:.2rem}.blog-section-shell{padding:3.2rem 1.8rem}.blog-section-inner{flex-direction:column;gap:2rem}.blog-card{flex:0 0 100%}.carousel-controls{gap:var(--spacing-md)}.blog-carousel-container{gap:1.2rem}.blog-carousel{overflow:hidden}.projects-grid{grid-template-columns:1fr}.project-links{flex-direction:column}.theme-label{width:55px;height:28px}.theme-ball{width:20px;height:20px}.theme-switch:checked+.theme-label .theme-ball{transform:translate(27px)}.back-to-top{bottom:20px;right:20px;width:45px;height:45px;font-size:1.8rem}.back-to-top img{width:50px}.light-theme .nav-menu{background:var(--surface-color)}.light-theme .nav-link{border-bottom-color:var(--border-color)}}@media (max-width: 576px){html{font-size:50%}section{padding:8rem 5% 4rem}.header{padding:1.2rem 1.4rem}.logo{font-size:2.3rem}.nav-menu{width:min(100vw,30rem);padding:8rem 1.6rem 2rem}.image-container,.avatar-container{width:80%;max-width:250px;height:auto;aspect-ratio:1 / 1}.home .home-content .title{font-size:4rem}.home .home-content .typing-text{font-size:2.2rem;min-height:50px}.home-content{width:100%}.description{font-size:1.5rem;padding-left:.9rem}.glow-effect{width:270px;height:270px}.social-icon{width:45px;height:45px;font-size:1.8rem}.btn{padding:1.2rem 2rem;font-size:1.4rem}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .btn,.cv-dropdown,.cv-dropdown .btn{width:100%}.stats-bar{width:calc(100% - 1rem)}.cv-dropdown-content{min-width:200px;left:50%;transform:translate(-50%) translateY(-10px)}.cv-dropdown:hover .cv-dropdown-content{transform:translate(-50%) translateY(0)}.section-title{flex-direction:column;gap:.5rem}.avatar-container{width:250px;height:250px}.tech-tag{font-size:1rem;padding:.3rem 1rem}.skill-tabs{gap:.5rem}.skill-tab{padding:.8rem 1.5rem;font-size:1.2rem}.skill-card{padding:1.6rem}.filter-btn{padding:.8rem 1.5rem;font-size:1.2rem}.blog-section-shell{width:calc(100% - 1rem);padding:2.8rem 1.4rem}.blog-header,.blog-section-footer{text-align:center}.contact-section{width:calc(100% - 1rem);max-width:calc(100% - 1rem)}.section-card-contact{margin:2.4rem auto;padding:2.4rem 1.6rem}.contact-card{align-items:flex-start;padding:1.3rem 1.2rem}.contact-form-container{padding:1.8rem 1.4rem}.form-header{align-items:flex-start}.contact-info-container{padding:0}.footer-links{grid-template-columns:1fr;text-align:center}.links-column ul{align-items:center}.footer-bottom{flex-direction:column;gap:var(--spacing-sm);margin-top:20px}.custom-cursor{display:none}}@media (max-width: 480px){.home{gap:9rem}.home .home-content .title{font-size:3.5rem}.home .home-content .typing-text{font-size:2rem}.hero-section{padding:6rem 5% 2rem}.description{font-size:1.6rem}.image-container{top:30px;width:170px;height:170px}.glow-effect{width:220px;height:220px}.logo-sphere{width:300px;height:200px}.section-header .title{font-size:3.5rem}.section-subtitle{font-size:1.5rem}.avatar-container{width:200px;height:200px}.stat-card{flex-direction:column;text-align:center}.stat-icon{margin-bottom:var(--spacing-sm)}.stats-container{grid-template-columns:repeat(3,1fr)}.typing-container{margin-bottom:0}.scroll-down{bottom:10px}.about-content{gap:0}.about-subtitle{margin-bottom:5rem}.about-body{gap:5rem}.about-header,.skills-header,.blog-header{margin-bottom:2rem}.skill-item{padding:var(--spacing-sm)}.skill-tabs{justify-content:center}.skills-layout{padding-inline:0}.skills-section{padding:1rem 1rem 2rem 3rem}.skills-main{width:min(100%,60rem);margin:0 auto}.project-links{gap:.5rem}.project-link{padding:.8rem 1.5rem;font-size:1.2rem}.contact-section{padding:1rem 1rem 2rem}.contact-icon{margin-bottom:var(--spacing-sm)}.contact-content p{word-break:break-word}.toast{min-width:250px;padding:1rem}.footer-brand{align-items:center;justify-content:center}}@media (max-width: 360px){.home .home-content .title{font-size:3rem}.home .home-content .typing-text{font-size:1.8rem;margin:0}.intro-text{margin:0}.image-container{margin-top:30px;width:150px;height:150px}.glow-effect{width:200px;height:200px}.scroll-down{display:none}.nav-menu{width:100%;right:-100%}.section-card{padding:var(--spacing-md) var(--spacing-sm)}.skills-grid,.projects-grid{grid-template-columns:1fr}.stats-bar,.section-card-contact,.blog-section-shell{width:100%}}@media (max-height: 700px){.hero-section{min-height:700px}.scroll-down{bottom:20px}}@media (max-height: 600px){.home-img{display:none}.home{grid-template-columns:1fr}}@media (orientation: landscape) and (max-height: 500px){.header{padding:1rem 5%}.logo{font-size:2.5rem}.hero-section{padding:6rem 5% 2rem;min-height:600px}.home{gap:var(--spacing-md)}.home .home-content .title{font-size:3.5rem;margin-bottom:1rem}.home .home-content .typing-text{font-size:2rem;min-height:40px}.description{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.social-icons{margin:var(--spacing-sm) 0}.hero-buttons{margin-top:var(--spacing-sm)}}@media print{.theme-toggle,.menu-toggle,.scroll-down,.back-to-top,.carousel-controls,.section-footer,.hero-buttons,.social-icons,.project-links,.contact-form,.footer-newsletter,.footer-bottom,.custom-cursor,.cursor-trail,.floating-particles,.loading-screen{display:none!important}body{background:#fff!important;color:#000!important;font-size:12pt}.section-card{-moz-column-break-inside:avoid;break-inside:avoid;box-shadow:none!important;border:1px solid #ddd!important;margin:1cm auto;padding:1cm}a{color:#000!important;text-decoration:underline}.logo-3d,.avatar-image,.project-image,.blog-image{filter:grayscale(100%)!important}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-grow,.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-width:1px}.capitalize{text-transform:capitalize}.italic{font-style:italic}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none;font-family:var(--font-main)}html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth}body{width:100%;min-height:100vh;background:var(--gradient-bg);color:var(--text-color);font-size:1.6rem;line-height:1.6;overflow-x:hidden;transition:background var(--transition-theme),color var(--transition-theme);position:relative}body *{transition:background-color var(--transition-theme),color var(--transition-theme),border-color var(--transition-theme),box-shadow var(--transition-theme),opacity var(--transition-theme)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}body,body *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-moz-selection{background-color:var(--primary-color);color:#fff}::selection{background-color:var(--primary-color);color:#fff}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:6rem}h2{font-size:4.8rem}h3{font-size:3.6rem}h4{font-size:2.4rem}h5{font-size:2rem}h6{font-size:1.8rem}p{margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% auto;animation:gradient 3s ease-in-out infinite}.highlight{color:var(--primary-color);position:relative}.highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--gradient-primary);border-radius:2px}.cv-dropdown-content.show{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.hero-content{width:100%}