.navbar{align-items:center;animation:slideDown .5s ease forwards;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--bg-navbar);border-bottom:1px solid var(--border-navbar);box-shadow:0 4px 24px var(--shadow-navbar);display:flex;gap:.75rem;height:5rem;justify-content:space-between;left:0;padding:0 5%;position:fixed;top:0;width:100%;z-index:999}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes logoBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.logo{animation:logoBounce 2.4s ease-in-out infinite;border-radius:8px;height:2.8rem;object-fit:cover;transition:filter .3s;width:3.6rem}.logo:hover{animation-duration:1s;filter:brightness(1.15)}.desktopMenu{align-items:center;display:flex;flex:1 1;gap:.25rem;justify-content:center}.desktopMenuListItem{border-radius:6px;color:var(--nav-link);cursor:pointer;font-size:.95rem;font-weight:500;padding:.4rem .75rem;position:relative;text-decoration:none;transition:color .25s}.desktopMenuListItem:after{background:linear-gradient(90deg,#ff512f,#dd2476);border-radius:2px;bottom:2px;content:"";height:2px;left:.75rem;position:absolute;right:.75rem;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.desktopMenuListItem:hover{color:var(--nav-link-hover)}.desktopMenuListItem.active:after,.desktopMenuListItem:hover:after{transform:scaleX(1)}.navbarActions{display:flex;gap:.75rem}.navbarActions,.themeToggle{align-items:center;flex-shrink:0}.themeToggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--toggle-track);border:1px solid var(--toggle-border);border-radius:2rem;color:var(--text-primary);cursor:pointer;display:inline-flex;gap:.5rem;padding:.28rem .5rem .28rem .28rem;transition:border-color .25s,background .25s,box-shadow .25s}.themeToggle:hover{border-color:#ff512f73;box-shadow:0 0 0 3px #ff512f2e}.tt-track{background:#ffffff14;border-radius:1rem;flex-shrink:0;height:1.35rem;overflow:hidden;position:relative;width:2.4rem}[data-theme=light] .tt-track{background:#00000014}.tt-thumb{background:linear-gradient(135deg,#ff512f,#dd2476);border-radius:50%;box-shadow:0 2px 6px #ff512f73;height:1rem;left:2px;position:absolute;top:2px;transition:transform .38s cubic-bezier(.34,1.56,.64,1);width:1rem}.themeToggle.is-light .tt-thumb{transform:translateX(1.05rem)}.tt-icons{flex-shrink:0;font-size:0;gap:.22rem}.tt-icons,.tt-moon,.tt-sun{align-items:center;display:flex}.tt-moon,.tt-sun{transition:color .3s,opacity .3s}.themeToggle .tt-sun{color:#ff8c42;opacity:1}.themeToggle .tt-moon,.themeToggle.is-light .tt-sun{color:var(--text-muted);opacity:.5}.themeToggle.is-light .tt-moon{color:#5c6bc0;opacity:1}.desktopMenuBtn{align-items:center;background:linear-gradient(135deg,#ff512f,#dd2476);border:none;border-radius:2rem;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1.25rem;transition:transform .25s,box-shadow .25s,opacity .25s;white-space:nowrap}.desktopMenuBtn:hover{box-shadow:0 6px 18px #ff512f73;opacity:.93;transform:translateY(-2px)}.desktopMenuImg{border-radius:50%;height:2rem;object-fit:cover;transition:transform .3s;width:2rem}.desktopMenuBtn:hover .desktopMenuImg{transform:rotate(12deg) scale(1.08)}.mobMenu{border-radius:8px;cursor:pointer;display:none;height:2.4rem;object-fit:cover;transition:transform .2s;width:2.4rem}.mobMenu:hover{transform:scale(1.08)}.navMenu{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-dropdown);border:1px solid var(--border-dropdown);border-radius:14px;box-shadow:0 12px 40px var(--shadow-dropdown);display:none;flex-direction:column;gap:.25rem;min-width:200px;padding:.75rem;position:absolute;right:5%;top:5.5rem}.navMenu.show{animation:menuFadeIn .22s ease;display:flex}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ListItem{border-radius:8px;color:var(--nav-link);cursor:pointer;display:block;font-size:.95rem;font-weight:500;padding:.65rem 1rem;text-decoration:none;transition:background .2s,color .2s,transform .15s}.ListItem:hover{background:#ff512f1f;color:var(--nav-link-hover);transform:translateX(4px)}@media screen and (max-width:768px){.mobMenu{display:block}.desktopMenu,.desktopMenuBtn{display:none}.navbar{padding:0 4%}}@media screen and (max-width:480px){.navbar{height:4.5rem;padding:0 4%}.navMenu{min-width:180px;right:4%;top:5rem}.logo{height:2.4rem;width:3rem}.themeToggle{padding:.22rem .4rem .22rem .22rem}.tt-track{height:1.2rem;width:2.1rem}.tt-thumb{height:.88rem;width:.88rem}.themeToggle.is-light .tt-thumb{transform:translateX(.9rem)}}#intro{height:calc(100vh - 4rem);margin:0 auto;max-width:75rem;overflow:hidden;position:relative;width:100vw}.introContent{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;left:0;padding:2rem;width:46%;z-index:2}.bg,.introContent{height:100%;position:absolute;top:0}.bg{object-fit:contain;pointer-events:none;right:0;transform:scaleX(-1);width:60%;z-index:1}.intro-el{opacity:1;transform:none}#intro:not(.intro-animate):not(.intro-done) .el-3{opacity:0;transform:translateX(-28px) scaleY(.94)}#intro:not(.intro-animate):not(.intro-done) .intro-bg{opacity:0;transform:translateX(60px) scaleX(-1)}#intro.intro-animate .el-3{animation:terminalBoot .72s cubic-bezier(.22,1,.36,1) .15s both}#intro.intro-animate .intro-bg{animation:introBgSlide 1s cubic-bezier(.22,1,.36,1) .08s both}#intro.intro-done .intro-el{opacity:1;transform:none}#intro.intro-done .intro-bg{opacity:1}@keyframes terminalBoot{0%{filter:blur(3px);opacity:0;transform:translateX(-28px) scaleY(.94)}55%{filter:blur(0);opacity:1;transform:translateX(2px) scaleY(1)}72%{opacity:.88;transform:translateX(-1px) scaleY(1)}88%{opacity:1;transform:translateX(0) scaleY(1)}to{opacity:1;transform:translateX(0) scaleY(1)}}@keyframes introBgSlide{0%{opacity:0;transform:translateX(60px) scaleX(-1)}to{opacity:1;transform:translateX(0) scaleX(-1)}}.terminal{animation:terminalGlow 4s ease-in-out infinite;background:linear-gradient(#1e1e2e,#1a1a28) padding-box,linear-gradient(135deg,#ff512f8c,#dd24768c) border-box;border:1px solid #0000;border-radius:12px;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff08;display:flex;flex-direction:column;font-family:JetBrains Mono,Fira Code,Cascadia Code,Courier New,monospace;overflow:hidden;position:relative}.terminal:after{background:repeating-linear-gradient(0deg,#0000,#0000 3px,rgba(0,0,0,.055) 0,rgba(0,0,0,.055) 4px);border-radius:12px;content:"";inset:0;pointer-events:none;position:absolute;z-index:10}@keyframes terminalGlow{0%,to{box-shadow:0 20px 60px #0009,0 0 20px #ff512f0d}50%{box-shadow:0 20px 60px #0009,0 0 38px #ff512f21}}.terminal-hdr{background:#13131f;border-bottom:1px solid #ffffff0f;flex-shrink:0;gap:.75rem;padding:.68rem 1rem}.t-dots,.terminal-hdr{align-items:center;display:flex}.t-dots{gap:6px}.t-dot{border-radius:50%;display:inline-block;height:12px;transition:filter .2s ease,transform .2s ease;width:12px}.terminal:hover .t-dot{transform:scale(1.12)}.terminal:hover .t-red{filter:brightness(1.2) drop-shadow(0 0 5px #ff5f57)}.terminal:hover .t-yellow{filter:brightness(1.2) drop-shadow(0 0 5px #ffbd2e)}.terminal:hover .t-green{filter:brightness(1.2) drop-shadow(0 0 5px #28c840)}.t-red{background:#ff5f57}.t-yellow{background:#ffbd2e}.t-green{background:#28c840}.t-filename{color:#6272a4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.72rem;letter-spacing:.2px;margin:0 auto}.terminal-tabs{background:#13131f;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;padding:0 1rem}.t-tab{align-items:center;border-bottom:2px solid #cba6f7;color:#cdd6f4;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.74rem;gap:.42rem;letter-spacing:.2px;opacity:.88;padding:.36rem .8rem}.t-badge{background:#f9e2af;border-radius:3px;color:#13131f;font-family:monospace;font-size:.58rem;font-weight:700;letter-spacing:.5px;padding:1px 5px}.terminal-code{flex:1 1;overflow-y:auto;padding:.8rem 0}.terminal-code::-webkit-scrollbar{width:3px}.terminal-code::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.t-line{align-items:flex-start;border-left:2px solid #0000;display:flex;line-height:1.72;min-height:1.5rem;padding:.1rem 1rem;transition:background .15s ease}.t-line-active{background:#cba6f70a;border-left-color:#cba6f759}.t-lnum{color:#3d4060;flex-shrink:0;font-size:.7rem;margin-right:1.1rem;padding-top:.06rem;text-align:right;transition:color .15s ease;-webkit-user-select:none;user-select:none;width:1.5rem}.t-line-active .t-lnum{color:#6272a4}.t-content{color:#cdd6f4;flex:1 1;white-space:pre}.tc-kw{color:#cba6f7}.tc-str{color:#a6e3a1}.tc-bool{color:#fab387}.tc-num{color:#f38ba8}.tc-fn{color:#89dceb}.tc-prop{color:#89b4fa}.tc-id{color:#cdd6f4}.tc-pun{color:#89dceb}.tc-op{color:#cdd6f4}.tc-cmt{color:#6272a4;font-style:italic}.t-cursor{background:#0000;border-radius:1px;color:#0000;display:inline-block;height:1em;transition:background .08s;vertical-align:text-bottom;width:2px}.t-cursor.on{background:#cba6f7}.t-prompt{color:#a6e3a1}.t-output{color:#cdd6f4}.terminal-statusbar{align-items:center;background:#13131f;border-top:1px solid #ffffff0f;display:flex;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.64rem;gap:.5rem;justify-content:space-between;padding:.28rem 1rem}.sb-left,.sb-right{align-items:center;display:flex;gap:.75rem}.sb-item{color:#3d4060;letter-spacing:.2px}.sb-branch{color:#cba6f7;font-weight:500}.sb-lang{color:#6272a4}.hero-terminal{font-size:.84rem;width:100%}@media screen and (max-width:1024px){.introContent{width:50%}.hero-terminal{font-size:.8rem}}@media screen and (max-width:840px){.bg{right:-8vw;width:75%}.introContent{padding:1.5rem;width:56%}.hero-terminal{font-size:.76rem}.t-lnum{margin-right:.8rem;width:1.2rem}}@media screen and (max-width:700px){#intro{align-items:center;display:flex;height:auto;justify-content:center;min-height:calc(100vh - 4rem);overflow:visible}.introContent{height:auto;padding:2rem 1rem;position:relative;width:92%}.bg{opacity:.07;position:absolute;right:0;transform:scaleX(-1);width:100%}.hero-terminal{font-size:.78rem}}@media screen and (max-width:480px){.introContent{padding:1.5rem .75rem;width:96%}.hero-terminal{font-size:.72rem}.t-lnum{display:none}.t-line{padding:.08rem .75rem}.terminal-statusbar{font-size:.58rem}.t-filename{font-size:.65rem}}@media screen and (max-width:360px){.hero-terminal{font-size:.66rem}}#skills{animation:fadeIn 1s ease-in-out;margin:0 auto;max-width:1200px;padding:3rem 1rem;text-align:center;width:100%}.skillTitle{-webkit-text-fill-color:#0000;animation:bounce 1s infinite alternate;background:linear-gradient(90deg,#ff6b6b,#f8e71c);-webkit-background-clip:text;color:#fff;font-size:3rem;font-weight:800;letter-spacing:2px;margin-bottom:1rem;text-transform:uppercase}.skillDesc{animation:fadeInUp 1s ease-in-out;color:var(--text-secondary);font-size:1.15rem;line-height:1.7;margin:0 auto 2rem;max-width:700px}.skillGrid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:2rem 0}.skillCard{animation:fadeInUp 1s forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card-glass);border:1px solid var(--border-medium);border-radius:1.5rem;box-shadow:0 8px 32px var(--shadow-card);opacity:0;padding:1rem;transform:translateY(40px);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease}.skillCard:hover{border-color:#ff512f59;box-shadow:0 24px 56px var(--shadow-card),0 0 0 1px #ff512f1f;transform:translateY(-8px) scale(1.05)}.skillCardImgWrap{border-radius:1rem;margin-bottom:1rem;overflow:hidden;width:100%}.skillCardImg{display:block;max-height:180px;object-fit:cover;width:100%}.skillCardText h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.skillCardText p{color:var(--text-secondary);font-size:1rem;line-height:1.5}.skillCardText a{color:#ff6b6b;font-weight:600;text-decoration:none;transition:color .3s ease}.skillCardText a:hover{color:#ff2e63;text-decoration:underline}@keyframes bounce{0%{transform:scale(1)}to{transform:scale(1.05)}}@media (max-width:768px){.skillTitle{font-size:2.2rem}.skillDesc{font-size:1rem}.skillCardText h3{font-size:1.2rem}.skillCardText p{font-size:.95rem}}@media (max-width:480px){.skillTitle{font-size:1.8rem}.skillDesc{font-size:.95rem;padding:0 1rem}.skillCardText h3{font-size:1rem}.skillCardText p{font-size:.9rem}.skillCardImg{max-height:140px}}#works{margin:0 auto;max-width:75rem;overflow:hidden;padding:5rem 0 4rem;text-align:center}#works,.works-inner{align-items:center;display:flex;flex-direction:column;width:100%}.works-header{margin-bottom:3rem;padding:0 1.5rem}.works-eyebrow{background:#ff512f1a;border:1px solid #ff512f47;border-radius:2rem;color:#ff512f;display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:3px;margin-bottom:1rem;padding:4px 14px;text-transform:uppercase}.workstitle{color:var(--text-primary);font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.5px;margin:.75rem 0 .6rem}.worksDesc{color:var(--text-secondary);font-size:1rem;font-weight:300;line-height:1.7;margin:0 auto;max-width:48rem}.marquee-stage{display:flex;flex-direction:column;gap:1rem;overflow:hidden;position:relative;width:100%}.marquee-edge{bottom:0;pointer-events:none;position:absolute;top:0;width:120px;z-index:2}.marquee-edge.left{background:linear-gradient(to right,var(--bg-page) 0,#0000 100%);left:0}.marquee-edge.right{background:linear-gradient(to left,var(--bg-page) 0,#0000 100%);right:0}.marquee-row{overflow:hidden;width:100%}.marquee-stage:hover .marquee-belt{animation-play-state:paused}.marquee-belt{animation:beltLeft 22s linear infinite;animation:beltLeft var(--speed,22s) linear infinite;display:flex;gap:1rem;width:max-content;will-change:transform}.marquee-rev .marquee-belt{animation-name:beltRight}@keyframes beltLeft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes beltRight{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.sk-chip{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-card-glass);border:1px solid var(--border-card);border-radius:14px;cursor:default;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;padding:.85rem 1.2rem;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,border-color .22s ease;width:110px}.sk-chip:hover{border-color:#ff512f66;box-shadow:0 12px 28px var(--shadow-card),0 0 16px #ff512f1f;transform:translateY(-6px) scale(1.07)}.sk-logo{border-radius:6px;height:40px;object-fit:contain;width:40px}.sk-name{color:var(--text-muted);font-size:.68rem;font-weight:600;letter-spacing:.2px;transition:color .2s;white-space:nowrap}.sk-chip:hover .sk-name{color:var(--text-secondary)}@media (max-width:768px){#works{padding:4rem 0 3rem}.marquee-edge{width:60px}.sk-chip{padding:.7rem .9rem;width:90px}.sk-logo{height:32px;width:32px}.sk-name{font-size:.62rem}}@media (max-width:480px){.sk-chip{gap:.4rem;padding:.6rem .75rem;width:80px}.sk-logo{height:28px;width:28px}.works-header{padding:0 1rem}}#contactPage{align-items:center;animation:fadeIn 1.2s ease-in-out;background-color:var(--bg-alt);color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh;padding:2rem;text-align:center;width:100%}.contactPageTitle{font-size:3rem;font-weight:700;margin-bottom:1rem}.clientDesc,.contactDesc{color:var(--text-secondary);font-size:1rem;font-weight:300;margin-bottom:1rem;padding:0 1rem}.clientImgs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);justify-items:center;margin:1.5rem 0}.clientImg{background:#f8f8f8;border-radius:.5rem;box-shadow:0 2px 6px #0000001a;height:auto;max-width:10rem;object-fit:contain;padding:.5rem;width:100%}.clientImg:hover{transform:scale(1.05)}#clients{padding:1.5rem}.contactDesc{font-size:medium;font-weight:300;padding:1rem}.contactForm{align-items:center;background:var(--bg-form);border:1px solid var(--border-card);border-radius:1rem;box-shadow:0 0 15px var(--shadow-card);display:flex;flex-direction:column;margin:2rem 0 1.5rem;max-width:40rem;padding:2rem;width:90%}.email,.msg,.name{background:var(--bg-input);border:1px solid var(--border-input);border-radius:.5rem;color:var(--text-primary);font-size:1rem;margin:.75rem 0;padding:.75rem 1rem;width:100%}.submitBtn{border:2px solid red;border-radius:.5rem;color:#000;margin-top:1rem;padding:.75rem 3rem;transition:all .3s ease}.submitBtn:hover{background:red;border-color:#fff;color:#fff}.socialSection{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:.5rem;max-width:40rem;width:90%}.socialHeading{color:#555;font-size:.72rem;font-weight:600;letter-spacing:3px;text-transform:uppercase}.socialLinks{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;width:100%}.socialBtn{align-items:center;animation:socialIn .5s cubic-bezier(.22,1,.36,1) both;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:2rem;color:#a0a8b8;display:inline-flex;font-size:.82rem;font-weight:500;gap:.55rem;letter-spacing:.3px;overflow:hidden;padding:.6rem 1.2rem;position:relative;text-decoration:none;transition:color .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s cubic-bezier(.22,1,.36,1),background .28s ease}.socialBtn:before{background:linear-gradient(105deg,#0000 40%,#ffffff12 50%,#0000 60%);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s ease}.socialBtn:hover:before{transform:translateX(100%)}.socialBtn:hover{background:#ffffff12;transform:translateY(-4px)}.social-fb:hover{border-color:#4a9fff8c;box-shadow:0 6px 24px #1877f240,inset 0 0 0 1px #4a9fff26;color:#4a9fff}.social-ig:hover{border-color:#e1306c8c;box-shadow:0 6px 24px #e1306c40,inset 0 0 0 1px #f77ab826;color:#f77ab8}.social-li:hover{border-color:#0077b58c;box-shadow:0 6px 24px #0077b540,inset 0 0 0 1px #5aafdf26;color:#5aafdf}.social-yt:hover{border-color:#ff000080;box-shadow:0 6px 24px #ff000038,inset 0 0 0 1px #ff6b6b26;color:#ff6b6b}.socialIcon{align-items:center;display:flex;flex-shrink:0;justify-content:center;opacity:.8;transition:opacity .2s ease}.socialBtn:hover .socialIcon{opacity:1}.socialLabel{line-height:1}@keyframes socialIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.contactPageTitle{font-size:2.2rem}.clientImg{width:40%}.clientImgs{grid-template-columns:repeat(2,1fr)}.contactDesc{font-size:.95rem}.email,.msg,.name{font-size:.9rem;padding:.4rem .8rem}.submitBtn{padding:.6rem 2rem}.socialBtn{font-size:.78rem;padding:.55rem 1rem}}@media (max-width:480px){.contactPageTitle{font-size:2rem}.clientImg{width:100%}.clientImgs{grid-template-columns:1fr}.contactDesc{font-size:.85rem}.submitBtn{padding:.5rem 1.8rem}.socialLinks{gap:.6rem}.socialBtn{font-size:.75rem;gap:.45rem;padding:.5rem .9rem}}.footer{align-items:center;background:var(--bg-footer);color:var(--text-secondary);display:flex;font-size:small;font-weight:300;height:4rem;justify-content:center;width:100vw}.blogsPage{background-color:var(--bg-page);color:var(--text-primary);min-height:80vh;padding:7rem 5% 4rem}.blogsHeader{margin-bottom:2.5rem;text-align:center}.pageTitle{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff512f,#dd2476);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:.5rem}.pageSubtitle{color:var(--text-muted);font-size:1rem;font-weight:300}.filters{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.searchWrapper{max-width:380px;position:relative;width:100%}.searchIcon{color:#888;font-size:1rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.searchBar{background:var(--bg-search);border:1.5px solid var(--border-search);border-radius:2rem;color:var(--text-primary);font-size:.95rem;outline:none;padding:.75rem 1rem .75rem 2.5rem;transition:border-color .25s,background .25s;width:100%}.searchBar::placeholder{color:var(--text-muted)}.searchBar:focus{background:#ffffff17;border-color:#ff512f99}.categoryNav{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.categoryNav button{background:var(--bg-cat-btn);border:1.5px solid var(--border-medium);border-radius:2rem;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:.45rem 1.1rem;transition:background .25s,border-color .25s,color .25s,transform .2s}.categoryNav button:hover{background:#ffcc0026;border-color:#ffcc0080;color:#fc0;transform:translateY(-2px)}.categoryNav button.active{background:linear-gradient(135deg,#ff512f,#dd2476);border-color:#0000;color:#fff}.blogList{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.blogCard{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.blogCard:hover{border-color:#ff512f4d;box-shadow:0 16px 40px #0006;transform:translateY(-6px)}.blogCardImgWrap{height:190px;overflow:hidden}.blogCardImg{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.blogCard:hover .blogCardImg{transform:scale(1.05)}.blogCardBody{display:flex;flex:1 1;flex-direction:column;padding:1.25rem 1.25rem 1rem}.blogCardCategories{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.65rem}.blogCategoryPill{border:1px solid #ff512f66;border-radius:2rem;color:#ff512f;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.blogCardTitle{color:var(--text-primary);font-size:1.1rem;font-weight:700;line-height:1.4;margin-bottom:.6rem}.blogCardContent{color:var(--text-muted);flex:1 1;font-size:.9rem;line-height:1.65;margin-bottom:1rem}.blogCardFooter{align-items:center;border-top:1px solid var(--border-subtle);display:flex;gap:.5rem;justify-content:space-between;margin-top:auto;padding-top:.75rem}.blogMeta{color:var(--text-faint);flex-direction:column;font-size:.78rem;gap:2px}.blogViews{align-items:center;display:flex;gap:4px}.blogDate{color:#666}.readMoreBtn{background:linear-gradient(135deg,#ff512f,#dd2476);border-radius:2rem;color:#fff;font-size:.82rem;font-weight:600;padding:.45rem 1rem;text-decoration:none;transition:opacity .25s,transform .2s;white-space:nowrap}.readMoreBtn:hover{opacity:.88;transform:translateY(-1px)}.blogsEmpty{color:#888;padding:4rem 1rem;text-align:center}.noBlogs{font-size:1rem}.error{color:#ff6b6b;margin-bottom:1rem}.retryBtn{background:linear-gradient(135deg,#ff512f,#dd2476);border:none;border-radius:2rem;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.5rem;transition:opacity .25s}.retryBtn:hover{opacity:.85}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:3rem}.pagination button{background:var(--bg-pag-btn);border:1px solid var(--border-medium);border-radius:2rem;color:var(--text-primary);cursor:pointer;font-size:.88rem;font-weight:600;padding:.55rem 1.25rem;transition:background .25s,transform .2s}.pagination button:not(:disabled):hover{background:linear-gradient(135deg,#ff512f,#dd2476);border-color:#0000;transform:translateY(-2px)}.pagination button:disabled{cursor:not-allowed;opacity:.3}.pageInfo{color:#888;font-size:.88rem}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}.skeleton{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 50%,var(--skeleton-base) 75%);background-size:200% 100%;border-radius:6px}.skeletonCard{pointer-events:none;-webkit-user-select:none;user-select:none}.skeletonImg{border-radius:0;height:190px;width:100%}.skeletonBody{display:flex;flex-direction:column;gap:.6rem;padding:1.25rem}.skeletonLine{border-radius:4px;height:14px}.skeletonLine.wide{width:80%}.skeletonLine.medium{width:55%}.skeletonLine.full{width:100%}.skeletonLine.narrow{width:65%}.skeletonPill{border-radius:2rem;height:32px;margin-top:.4rem;width:100px}@media screen and (max-width:720px){.blogsPage{padding:6rem 4% 3rem}.blogList{grid-template-columns:1fr;margin:0 auto;max-width:480px}}@media screen and (max-width:480px){.blogsPage{padding:5.5rem 3% 3rem}.categoryNav{gap:.4rem}.categoryNav button{font-size:.8rem;padding:.4rem .85rem}}.singleBlogPage{background-color:#1e1e1e;color:#fff;min-height:80vh;padding:7rem 5% 4rem}.blogContainer{margin:0 auto;max-width:780px}.blogTitle{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff512f,#dd2476);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;line-height:1.25;margin-bottom:1rem}.blogMeta{align-items:center;border-bottom:1px solid #ffffff14;color:#888;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1rem}.blogMeta span{color:#999}.blogCategoryTags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.blogCategoryTag{background:#ff512f26;border:1px solid #ff512f59;border-radius:2rem;color:#ff6b4a;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.25rem .85rem;text-transform:uppercase}.blogImg{border-radius:14px;box-shadow:0 8px 32px #0006;margin:1.5rem 0 2rem;max-height:420px;object-fit:cover;width:100%}.blogContent p{color:#d4d4d4;font-size:1.05rem;line-height:1.9;margin-bottom:1.4rem}.loading{align-items:center;background-color:#1e1e1e;color:#fff;display:flex;font-size:1.5rem;height:100vh;justify-content:center}@media screen and (max-width:720px){.singleBlogPage{padding:6rem 4% 3rem}.blogMeta{font-size:.8rem}}@media screen and (max-width:480px){.singleBlogPage{padding:5.5rem 3% 3rem}.blogContent p{font-size:.95rem;line-height:1.8}}.categoryCheckboxGroup{background:#444;border-radius:5px;display:flex;flex-direction:column;gap:10px;padding:10px}.checkboxLabel{align-items:center;cursor:pointer;display:flex;font-size:.95rem;gap:10px}.adminBlogList{background:#323232;border-radius:10px;margin:3rem auto;max-width:800px;padding:2rem}.listTitle{color:#fc0;margin-bottom:1.5rem;text-align:center}.adminBlogItem{align-items:center;background:#333;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.adminActions{display:flex;gap:10px}.cancelBtn,.deleteBtn,.editBtn{border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:.5rem 1rem}.editBtn{background:#2196f3;color:#fff}.deleteBtn{background:#f44336;color:#fff}.cancelBtn{background:#777;color:#fff;margin-left:10px}.formActions{align-items:center;display:flex}.adminDashboard{background-color:#1e1e1e;color:#fff;min-height:80vh;padding:100px 5rem 2rem}.adminContainer{background:#323232;border-radius:10px;box-shadow:0 4px 8px #0000004d;margin:0 auto;max-width:600px;padding:2rem}.adminTitle{color:#fc0;font-size:2rem;margin-bottom:2rem;text-align:center}.formGroup{margin-bottom:1.5rem}.formGroup label{color:#ddd;display:block;font-weight:700;margin-bottom:.5rem}.formGroup input,.formGroup textarea{background:#1e1e1e;border:1px solid #555;border-radius:5px;color:#fff;font-size:1rem;padding:.8rem;width:100%}.formGroup input:focus,.formGroup textarea:focus{border-color:#fc0;outline:none}.submitBtn{background:#fff;border:none;border-radius:5px;color:#1e1e1e;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem;transition:background .3s;width:100%}.submitBtn:hover{background:#fc0}.message{border-radius:5px;margin-bottom:1rem;padding:.8rem;text-align:center}.message.success{background-color:#4caf5033;border:1px solid #4caf50;color:#4caf50}.message.error{background-color:#f4433633;border:1px solid #f44336;color:#f44336}@media screen and (max-width:720px){.adminDashboard{padding:80px 2rem 2rem}}@media (hover:none),(pointer:coarse){.c-dot,.c-ring{display:none!important}}.c-dot,.c-ring{border-radius:50%;left:0;pointer-events:none;position:fixed;top:0;will-change:transform;z-index:999999}.c-dot{background:#fff;background:var(--cursor-color,#fff);box-shadow:0 0 0 1px #ffffff26,0 0 8px 2px #ffffff80;height:8px;margin-left:-4px;margin-top:-4px;transition:width .14s cubic-bezier(.22,1,.36,1),height .14s cubic-bezier(.22,1,.36,1),margin .14s cubic-bezier(.22,1,.36,1),background .16s ease,box-shadow .16s ease,opacity .25s ease;width:8px}.c-ring{background:#0000;border:1.5px solid #ffffff59;border:1.5px solid var(--cursor-ring,#ffffff59);box-shadow:0 0 0 0 #0000,inset 0 0 6px #0000;height:40px;margin-left:-20px;margin-top:-20px;transition:width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1),margin .28s cubic-bezier(.22,1,.36,1),border-color .22s ease,background .22s ease,box-shadow .22s ease,opacity .25s ease;width:40px}.c-dot.c-hover{background:#ff512f;box-shadow:0 0 0 2px #ff512f33,0 0 12px 3px #ff512fd9,0 0 28px 6px #ff512f47;height:10px;margin-left:-5px;margin-top:-5px;width:10px}.c-ring.c-hover{background:#ff512f0d;border-color:#ff512fb3;box-shadow:0 0 0 6px #ff512f14,0 0 22px 4px #ff512f2e,inset 0 0 12px #ff512f0f;height:46px;margin-left:-23px;margin-top:-23px;width:46px}.c-dot.c-press{background:#dd2476;box-shadow:0 0 10px 3px #dd2476f2,0 0 20px 6px #dd24764d;height:4px;margin-left:-2px;margin-top:-2px;width:4px}.c-dot.c-press,.c-ring.c-press{transition-duration:.08s!important}.c-ring.c-press{background:#dd24761a;border-color:#dd2476d9;box-shadow:0 0 18px 4px #dd247659,inset 0 0 8px #dd247626;height:22px;margin-left:-11px;margin-top:-11px;width:22px}[data-theme=light] .c-dot{box-shadow:0 0 0 1px #1414281a,0 0 8px 2px #1414284d}.productsSection{background:var(--bg-alt);overflow:hidden;padding:5rem 5%;position:relative;width:100%}.productsSection:before{background-image:linear-gradient(var(--grid-line) 1px,#0000 1px),linear-gradient(90deg,var(--grid-line) 1px,#0000 1px);background-size:40px 40px;content:"";inset:0;pointer-events:none;position:absolute}.productsInner{margin:0 auto;max-width:1100px;position:relative;z-index:1}.productsHeader{margin-bottom:3rem;text-align:center}.productsBrand{background:#ff512f1a;border:1px solid #ff512f40;border-radius:2rem;color:#ff512f;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:3px;margin-bottom:1rem;padding:4px 14px;text-transform:uppercase}.productsTitle{color:var(--text-primary);font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.5px;margin-bottom:.75rem}.productsSubtitle{color:var(--text-muted);font-size:1rem;font-weight:300;margin:0 auto;max-width:500px}.productsGrid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));perspective:1400px;perspective-origin:center 40%}.productCard.door-left{opacity:0;transform:rotateY(-85deg);transform-origin:left center}.productCard.door-right{opacity:0;transform:rotateY(85deg);transform-origin:right center}.productCard.door-left.door-open{animation:doorSwingLeft .85s cubic-bezier(.22,1,.36,1) 0s forwards;animation:doorSwingLeft .85s cubic-bezier(.22,1,.36,1) var(--door-delay,0s) forwards}.productCard.door-right.door-open{animation:doorSwingRight .85s cubic-bezier(.22,1,.36,1) 0s forwards;animation:doorSwingRight .85s cubic-bezier(.22,1,.36,1) var(--door-delay,0s) forwards}@keyframes doorSwingLeft{0%{opacity:0;transform:rotateY(-85deg)}45%{opacity:1}to{opacity:1;transform:rotateY(0deg)}}@keyframes doorSwingRight{0%{opacity:0;transform:rotateY(85deg)}45%{opacity:1}to{opacity:1;transform:rotateY(0deg)}}.productCard.door-done{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease}.productCard{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card-glass);border:1px solid var(--border-medium);border-radius:20px;display:flex;flex-direction:column;overflow:hidden}.productCard.door-done:hover{border-color:#ff512f4d;box-shadow:0 28px 60px var(--shadow-card),0 0 0 1px #ff512f26;transform:translateY(-10px) scale(1.02)}@media (max-width:640px){.productsGrid{perspective:none}.productCard.door-left,.productCard.door-right{transform:translateY(36px);transform-origin:center}.productCard.door-left.door-open,.productCard.door-right.door-open{animation:doorFadeUp .65s ease 0s forwards;animation:doorFadeUp .65s ease var(--door-delay,0s) forwards}@keyframes doorFadeUp{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}}.productCardTop{align-items:center;display:flex;height:140px;justify-content:center;overflow:hidden;position:relative}.productCardTop:after{background:#0000001f;content:"";inset:0;position:absolute}.productEmoji{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));font-size:3.5rem;transition:transform .3s ease;z-index:1}.productCard:hover .productEmoji{transform:scale(1.12) rotate(-4deg)}.productBadgeWrap{position:absolute;right:14px;top:12px;z-index:2}.productPlatformBadge{background:#00000059;border:1px solid #fff3;border-radius:2rem;color:#ffffffe6;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.productCardBody{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1.5rem}.productMeta{display:flex;flex-direction:column;gap:2px}.productName{color:var(--text-primary);font-size:1.35rem;font-weight:800}.productSubtitle{color:#888;font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.productDesc{color:var(--text-muted);flex:1 1;font-size:.9rem;line-height:1.7}.productFooter{border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.85rem;padding-top:.75rem}.productCompany{color:#666;font-size:.78rem}.companyLink{color:#ff512f;font-weight:600;text-decoration:none;transition:color .2s}.companyLink:hover{color:#dd2476}.storeBadges{display:flex;flex-wrap:wrap;gap:.65rem}.storeBadge{align-items:center;border-radius:10px;display:inline-flex;gap:.6rem;padding:.5rem 1rem;text-decoration:none;transition:transform .2s,opacity .2s}.storeBadge:hover{opacity:.9;transform:translateY(-2px)}.googleBadge{background:#000}.appleBadge,.googleBadge{border:1px solid #ffffff26}.appleBadge{background:#111}.badgeIcon{flex-shrink:0;height:22px;width:22px}.badgeText{display:flex;flex-direction:column;line-height:1.15}.badgeText small{color:#ffffffb3;font-size:.6rem;font-weight:400;letter-spacing:.2px;text-transform:none}.badgeText strong{color:#fff;font-size:.85rem;font-weight:700}@media screen and (max-width:680px){.productsSection{padding:4rem 4%}.productsGrid{grid-template-columns:1fr;margin:0 auto;max-width:420px}}@media screen and (max-width:480px){.storeBadges{flex-direction:column}.storeBadge{justify-content:center}}#timeline{background:var(--bg-page);overflow:hidden;padding:6rem 5% 5rem;position:relative;width:100%}#timeline:before{background:radial-gradient(ellipse,#ff512f0f 0,#0000 70%);content:"";height:300px;left:50%;pointer-events:none;position:absolute;top:30%;transform:translateX(-50%);width:700px}.tl-inner{margin:0 auto;max-width:1100px;opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}#timeline.tl-visible .tl-inner{opacity:1;transform:translateY(0)}.tl-header{margin-bottom:4.5rem;text-align:center}.tl-eyebrow{background:#ff512f1a;border:1px solid #ff512f47;border-radius:2rem;color:#ff512f;display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:3px;margin-bottom:1rem;padding:4px 14px;text-transform:uppercase}.tl-heading{color:var(--text-primary);font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.5px;margin-bottom:.75rem}.tl-subheading{color:var(--text-muted);font-size:1rem;font-weight:300;margin:0 auto;max-width:480px}.tl-track-outer{height:110px;margin:0 5% 3rem;position:relative}.tl-track-line-bg,.tl-track-line-fill{border-radius:2px;height:2px;left:0;position:absolute;right:0;top:22px}.tl-track-line-bg{background:var(--border-medium)}.tl-track-line-fill{background:linear-gradient(90deg,#06b6d4,#a855f7,#ff512f,#10b981);right:auto;transition:width .65s cubic-bezier(.22,1,.36,1)}.tl-track-nodes{inset:0;position:absolute}.tl-node{background:none;border:none;cursor:pointer;flex-direction:column;gap:0;padding:0;position:absolute;top:0;transform:translateX(-50%)}.tl-node,.tl-node-circle{align-items:center;display:flex}.tl-node-circle{background:var(--bg-page);border:2px solid var(--border-medium);border-radius:50%;height:44px;justify-content:center;position:relative;transition:border-color .35s ease,background .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.22,1,.36,1);width:44px;z-index:2}.tl-node-inner{background:var(--text-muted);border-radius:50%;height:14px;transition:background .35s ease,transform .35s cubic-bezier(.22,1,.36,1),width .35s ease,height .35s ease;width:14px}.tl-pulse{animation:tlPulse 2.2s ease-out infinite;border:2px solid var(--nc);border-radius:50%;height:44px;left:0;position:absolute;top:0;width:44px;z-index:1}@keyframes tlPulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.tl-node-year{color:var(--text-muted);font-size:.88rem;font-weight:700;letter-spacing:.5px;margin-top:.5rem;transition:color .3s,font-size .3s}.tl-node-lbl{color:var(--text-faint);font-size:.68rem;font-weight:500;margin-top:.15rem;transition:color .3s;white-space:nowrap}.tl-node.is-past .tl-node-circle{background:color-mix(in srgb,var(--nc) 10%,var(--bg-page));border-color:var(--nc)}.tl-node.is-past .tl-node-inner{background:var(--nc)}.tl-node.is-past .tl-node-year{color:var(--text-secondary)}.tl-node.is-active .tl-node-circle{background:color-mix(in srgb,var(--nc) 14%,var(--bg-page));border-color:var(--nc);box-shadow:0 0 0 8px color-mix(in srgb,var(--nc) 12%,#0000),0 0 28px color-mix(in srgb,var(--nc) 40%,#0000);transform:scale(1.12)}.tl-node.is-active .tl-node-inner{background:var(--nc);box-shadow:0 0 10px var(--nc);height:18px;width:18px}.tl-node.is-active .tl-node-year{color:var(--nc);font-size:1rem}.tl-node.is-active .tl-node-lbl{color:var(--text-secondary)}.tl-node.is-present.is-active .tl-node-circle{background:color-mix(in srgb,#10b981 14%,var(--bg-page))}.tl-node:not(.is-active):hover .tl-node-circle{border-color:var(--nc);box-shadow:0 0 16px color-mix(in srgb,var(--nc) 25%,#0000);transform:scale(1.06)}.tl-pills{display:none;gap:.6rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.tl-pills::-webkit-scrollbar{display:none}.tl-pill{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card-glass);border:1.5px solid var(--border-medium);border-radius:2rem;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding:.55rem 1.1rem;transition:border-color .25s,background .25s,color .25s,box-shadow .25s}.tl-pill.active{background:color-mix(in srgb,var(--pc) 12%,var(--bg-card-glass));border-color:var(--pc);box-shadow:0 0 18px color-mix(in srgb,var(--pc) 25%,#0000)}.tl-pill-year{color:inherit;font-size:.9rem;font-weight:700;transition:color .25s}.tl-pill.active .tl-pill-year{color:var(--pc)}.tl-pill-label{color:var(--text-faint);font-size:.62rem;font-weight:500;white-space:nowrap}.tl-pill.active .tl-pill-label{color:var(--text-muted)}.tl-summary{align-items:center;animation:summaryIn .4s ease both;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--bg-card-glass);border:1px solid var(--border-card);border-radius:16px;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding:1.25rem 1.75rem}@keyframes summaryIn{0%{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}.tl-summary-left{align-items:center;display:flex;gap:1.25rem;min-width:0}.tl-summary-year{flex-shrink:0;font-size:2.8rem;font-weight:900;letter-spacing:-3px;line-height:1}.tl-summary-title{color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:.2rem}.tl-summary-desc{color:var(--text-muted);font-size:.82rem;font-weight:300}.tl-stats{display:flex;flex-shrink:0;gap:1.5rem}.tl-stat{align-items:center;display:flex;flex-direction:column;gap:2px}.tl-stat-val{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff512f,#dd2476);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.6rem;font-weight:800;letter-spacing:-1px;line-height:1}.tl-stat-label{color:var(--text-faint);font-size:.65rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.tl-cards{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.tl-card{animation:cardIn .5s cubic-bezier(.22,1,.36,1) both;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:var(--bg-card-glass);border:1px solid var(--border-card);border-radius:16px;opacity:0;overflow:hidden;padding:1.4rem 1.4rem 1.25rem;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.tl-card:hover{border-color:var(--border-medium);box-shadow:0 18px 48px var(--shadow-card),0 0 0 1px color-mix(in srgb,var(--card-accent) 20%,#0000);transform:translateY(-6px)}.tl-card-topbar{border-radius:16px 16px 0 0;height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.tl-card:hover .tl-card-topbar{opacity:1}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tl-card-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.tl-card-company-row{align-items:center;display:flex;flex:1 1;gap:.6rem;min-width:0}.tl-company-avatar{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:.85rem;font-weight:800;height:32px;justify-content:center;text-transform:uppercase;width:32px}.tl-company-info{display:flex;flex-direction:column;min-width:0}.tl-company-name{color:var(--text-secondary);font-size:.8rem;font-weight:600}.tl-company-name,.tl-location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-location{color:var(--text-faint);font-size:.68rem;margin-top:1px}.tl-now-badge{align-items:center;background:#10b9811f;border:1px solid #10b9814d;border-radius:2rem;color:#10b981;display:inline-flex;flex-shrink:0;font-size:.58rem;font-weight:800;gap:4px;letter-spacing:.6px;padding:3px 8px;text-transform:uppercase}.tl-now-dot{animation:nowBlink 1.4s ease-in-out infinite;background:#10b981;border-radius:50%;height:5px;width:5px}@keyframes nowBlink{0%,to{opacity:1}50%{opacity:.3}}.tl-type-badge{border-radius:2rem;flex-shrink:0;font-size:.6rem;font-weight:700;letter-spacing:.4px;padding:3px 9px;text-transform:uppercase}.tl-card-role{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.35;margin-bottom:.45rem}.tl-card-meta{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.4rem;margin-bottom:.9rem}.tl-sep{color:var(--border-medium)}.tl-period{font-weight:500}.tl-skills{display:flex;flex-wrap:wrap;gap:.35rem}.tl-skill{animation:skillPop .3s cubic-bezier(.34,1.56,.64,1) both;background:var(--bg-cat-btn);border:1px solid var(--border-card);border-radius:2rem;color:#ff512f;color:var(--card-accent,#ff512f);font-size:.68rem;font-weight:600;opacity:0;padding:3px 10px}@keyframes skillPop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@media (max-width:900px){.tl-track-outer{margin:0 2% 3rem}.tl-node-lbl{display:none}}@media (max-width:680px){.tl-track-outer{display:none}.tl-pills{display:flex}.tl-summary{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem 1.25rem}.tl-summary-year{font-size:2rem}.tl-stats{border-top:1px solid var(--border-subtle);justify-content:space-around;padding-top:.75rem;width:100%}.tl-cards{grid-template-columns:1fr}}@media (max-width:480px){#timeline{padding:4rem 4% 3rem}.tl-header{margin-bottom:2.5rem}.tl-summary-left{gap:.75rem}.tl-summary-year{font-size:1.75rem;letter-spacing:-2px}.tl-summary-title{font-size:.9rem}.tl-stat-val{font-size:1.3rem}}.pageLoader{align-items:center;background:#121212;display:flex;inset:0;justify-content:center;position:fixed;z-index:999999}.pageLoader.entering{animation:loaderFadeIn .35s ease both}.pageLoader.leaving{animation:loaderSlideUp .72s cubic-bezier(.76,0,.24,1) forwards}@keyframes loaderFadeIn{0%{opacity:0}to{opacity:1}}@keyframes loaderSlideUp{0%{clip-path:inset(0 0 0 0);transform:translateY(0)}to{clip-path:inset(0 0 100% 0);transform:translateY(-100%)}}.loaderContent{align-items:center;animation:loaderContentIn .6s ease .2s both;display:flex;flex-direction:column;gap:0}@keyframes loaderContentIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.loaderRingWrap{height:72px;margin-bottom:1.75rem;position:relative;width:72px}.loaderRing{animation:spin .9s linear infinite;border-color:#ff512f #dd2476 #0000 #0000;border-radius:50%;border-style:solid;border-width:3px;inset:0;position:absolute}.loaderRingInner{animation:spinReverse 1.2s linear infinite;border-color:#0000 #0000 #ff512f66 #dd247666;border-radius:50%;border-style:solid;border-width:2px;inset:10px;position:absolute}@keyframes spin{to{transform:rotate(1turn)}}@keyframes spinReverse{to{transform:rotate(-1turn)}}.loaderName{-webkit-text-fill-color:#0000;animation:loaderNameIn .6s ease .5s both;background:linear-gradient(135deg,#ff512f,#dd2476);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;letter-spacing:-.5px;margin-bottom:.4rem}.loaderRole{animation:loaderNameIn .6s ease .7s both;color:#666;font-size:.78rem;font-weight:400;letter-spacing:3px;margin-bottom:2rem;text-transform:uppercase}@keyframes loaderNameIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loaderBarWrap{animation:loaderNameIn .4s ease .9s both;background:#ffffff0f;border-radius:3px;height:3px;overflow:hidden;width:180px}.loaderBar{animation:barFill 1.5s ease .2s both,barShimmer 1s linear .9s infinite;background:linear-gradient(90deg,#ff512f,#dd2476,#ff512f);background-size:200% 100%;border-radius:3px;height:100%}@keyframes barFill{0%{width:0}to{width:100%}}@keyframes barShimmer{0%{background-position:200%}to{background-position:-200%}}:root,[data-theme=dark]{--bg-page:#1e1e1e;--bg-alt:#191919;--bg-footer:#282828;--bg-navbar:#141414bf;--bg-dropdown:#1c1c1cf2;--bg-card:#282828;--bg-card-glass:#ffffff0d;--bg-form:#222;--bg-input:#333;--bg-search:#ffffff0f;--bg-cat-btn:#ffffff12;--bg-pag-btn:#ffffff14;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#888;--text-faint:#777;--nav-link:#ffffffd9;--nav-link-hover:#fff;--border-subtle:#ffffff12;--border-card:#ffffff0f;--border-medium:#ffffff1a;--border-navbar:#ffffff12;--border-dropdown:#ffffff1a;--border-search:#ffffff1a;--border-input:#0000;--shadow-navbar:#0003;--shadow-card:#0006;--shadow-lg:#0009;--shadow-dropdown:#0006;--grid-line:hsla(0,0%,100%,.025);--skeleton-base:#2a2a2a;--skeleton-shine:#353535;--toggle-track:#ffffff1f;--toggle-border:#ffffff26;--cursor-color:#ffffffeb;--cursor-glow:#ffffff59;--cursor-ring:#ffffff47}[data-theme=light]{--bg-page:#f0f4fc;--bg-alt:#e8ecf8;--bg-footer:#dde2f0;--bg-navbar:#f8faffe0;--bg-dropdown:#fffffff7;--bg-card:#fff;--bg-card-glass:#ffffffeb;--bg-form:#fff;--bg-input:#f5f6fc;--bg-search:#0000000a;--bg-cat-btn:#0000000d;--bg-pag-btn:#0000000f;--text-primary:#1a1a2e;--text-secondary:#4a5568;--text-muted:#718096;--text-faint:#8a94a6;--nav-link:#1a1a2ecc;--nav-link-hover:#1a1a2e;--border-subtle:#0000000f;--border-card:#00000014;--border-medium:#0000001f;--border-navbar:#00000014;--border-dropdown:#0000001a;--border-search:#0000001f;--border-input:#00000014;--shadow-navbar:#00000014;--shadow-card:#0000001a;--shadow-lg:#0000002e;--shadow-dropdown:#00000026;--grid-line:#0000000a;--skeleton-base:#e2e6f0;--skeleton-shine:#edf0fa;--toggle-track:#0000001a;--toggle-border:#00000026;--cursor-color:#141428d1;--cursor-glow:#1414282e;--cursor-ring:#14142838}body{background-color:#1e1e1e;background-color:var(--bg-page);color:#fff;color:var(--text-primary)}html.theme-switching,html.theme-switching *,html.theme-switching :after,html.theme-switching :before{transition:background-color .4s ease,background .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease!important}
/*# sourceMappingURL=main.b2e307d9.css.map*/