.target-cursor-wrapper{pointer-events:none;z-index:9999;mix-blend-mode:difference;width:0;height:0;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.target-cursor-dot{will-change:transform;background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.target-cursor-corner{will-change:transform;border:3px solid #fff;width:12px;height:12px;position:absolute;top:50%;left:50%}.corner-tl{border-bottom:none;border-right:none;transform:translate(-150%,-150%)}.corner-tr{border-bottom:none;border-left:none;transform:translate(50%,-150%)}.corner-br{border-top:none;border-left:none;transform:translate(50%,50%)}.corner-bl{border-top:none;border-right:none;transform:translate(-150%,50%)}
:root{--background:#fcfcfc;--foreground:#0e0e0e;--card-bg:#ffffffbf;--border-color:#00000026;--text-muted:#666;--accent-color:#0e0e0e;--font-heading:var(--font-syne),sans-serif;--font-body:var(--font-outfit),sans-serif}@media (prefers-color-scheme:dark){:root{--background:#fcfcfc;--foreground:#0e0e0e;--card-bg:#ffffffbf;--border-color:#00000026;--text-muted:#666;--accent-color:#0e0e0e}}html.dark{--background:#080808;--foreground:#fafafa;--card-bg:#141414a6;--border-color:#ffffff26;--text-muted:#8c8c8c;--accent-color:#fafafa}*{box-sizing:border-box;margin:0;padding:0}body,.slide-inner-3d,.grid-line,.capsule-pod,.capsule-content-card,.tech-corner,.tech-badge,.work-slide-card,.work-card-visual,.service-card,.service-bullet-spin,.contact-input,.contact-textarea,.contact-submit,.contact-mail-link,.social-link,.theme-toggle-btn,.topBar,.navMenu li,.fontOutline,.scroll-indicator-bar,.scroll-indicator-dot,.timeline-card,.timeline-tech-badge,.timeline-explore-btn,.about-photo-frame,.about-stat-card,.about-stat-bar-fill,.about-skill-tag,.about-tool-card,.about-interest-card,.about-timeline-dot,.about-timeline-connector,.project-modal-overlay,.project-modal-content,.project-modal-close,.project-modal-nav-btn,.project-modal-chip,.project-modal-section-title,.experience-modal-content,.experience-modal-close,.experience-modal-chip,.experience-modal-nav-btn,.experience-modal-section-title,.fallback-2d .capsule-opened{transition:background-color .4s,border-color .4s}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-body);position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}.noise-grain{display:none}html.dark .noise-grain{opacity:.045;pointer-events:none;z-index:9999;background:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.75\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\"/%3E%3C/svg%3E");width:200%;height:200%;animation:.25s steps(4,end) infinite noiseShift;display:block;position:fixed;top:-50%;left:-50%}@keyframes noiseShift{0%{transform:translate(0)}25%{transform:translate(-10px,5px)}50%{transform:translate(5px,-10px)}75%{transform:translate(-5px,10px)}to{transform:translate(10px,-5px)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.canvas-container{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.container{z-index:2;width:100%;position:relative}.vertical-scroll-height{pointer-events:none;height:600vh}.slide-section{perspective:1200px;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:100px 6% 60px;display:flex;position:relative;overflow:visible}.slide-inner-3d{box-sizing:border-box;background-color:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(calc(var(--mouse-x,0)*8deg))rotateX(calc(var(--mouse-y,0)*8deg));will-change:transform;pointer-events:auto;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:60px 5%;display:flex;position:relative;box-shadow:0 30px 60px #00000005}.slide-inner-3d:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(800px circle at calc(50% + var(--mouse-x,0)*50%)calc(50% - var(--mouse-y,0)*50%),#ffffff14,transparent 60%);z-index:10;mix-blend-mode:overlay;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.slide-inner-3d:hover:after{opacity:1}html.dark .slide-inner-3d:after{background:radial-gradient(800px circle at calc(50% + var(--mouse-x,0)*50%)calc(50% - var(--mouse-y,0)*50%),#ffffff1f,transparent 60%)}.topBar{z-index:100;pointer-events:auto;justify-content:space-between;align-items:center;width:100%;padding:30px 6%;display:flex;position:fixed;top:0;left:0}.logoNama h2{letter-spacing:2px;text-transform:uppercase;font-size:1.25rem;font-weight:900}.navMenu{gap:40px;list-style:none;display:flex}.navMenu li{text-transform:uppercase;letter-spacing:2px;cursor:pointer;opacity:.55;font-size:.85rem;font-weight:700;transition:opacity .3s}.navMenu li:hover,.navMenu li.active{opacity:1}.nav-container{align-items:center;gap:40px;display:flex}.bg-grid-lines{pointer-events:none;z-index:0;justify-content:space-between;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.grid-line{background-color:var(--border-color);opacity:.5;width:1px;height:100%}.loading-locked{pointer-events:none!important;height:100vh!important;overflow:hidden!important}.visuals-hidden .canvas-container{clip-path:inset(0 0 100%)!important;pointer-events:none!important}.visuals-hidden .topBar,.visuals-hidden .theme-toggle-btn{opacity:0!important}.capsule-pod{transform-style:preserve-3d;will-change:width,height,border-radius;box-sizing:border-box;contain:layout style;justify-content:center;align-items:center;transition:width .85s cubic-bezier(.25,1,.3,1),height .85s cubic-bezier(.25,1,.3,1),border-radius .85s cubic-bezier(.25,1,.3,1);display:flex;position:relative}.capsule-closed{border-radius:8px;width:170px;height:270px;box-shadow:none!important;background-color:#0000!important;border:none!important}html.dark .capsule-closed{box-shadow:none!important;background-color:#0000!important;border:none!important}.capsule-opened{border-radius:8px;width:1040px;height:600px;box-shadow:none!important;background-color:#0000!important;border:none!important}.tech-corner{z-index:8;pointer-events:none;border:2.2px solid #0e0e0e;width:14px;height:14px;transition:opacity .5s;position:absolute}.tech-top-left{border-bottom:none;border-right:none;top:12px;left:12px}.tech-top-right{border-bottom:none;border-left:none;top:12px;right:12px}.tech-bottom-left{border-top:none;border-right:none;bottom:12px;left:12px}.tech-bottom-right{border-top:none;border-left:none;bottom:12px;right:12px}.capsule-label{z-index:10;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:12px;text-transform:uppercase;color:#000;opacity:.9;text-shadow:0 4px 15px #ffffff80;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:.95rem;font-weight:900;transition:opacity .5s,transform .5s;display:flex;position:absolute;transform:translateZ(28px)}html.dark .capsule-label{color:#fff;text-shadow:0 4px 15px #000c}.capsule-opened .capsule-label{opacity:0;transform:translateZ(28px)scale(.6)translateY(20px)}.capsule-door-left,.capsule-door-right{z-index:5;pointer-events:none;background:0 0;border:none;width:50.5%;transition:transform .85s cubic-bezier(.25,1,.3,1),opacity .85s;position:absolute;top:-1px;bottom:-1px}.capsule-door-left{border-radius:inherit;transform-origin:0;border-top-right-radius:0;border-bottom-right-radius:0;left:-1px}.capsule-door-right{border-radius:inherit;transform-origin:100%;border-top-left-radius:0;border-bottom-left-radius:0;right:-1px}.capsule-opened .capsule-door-left{opacity:0;transform:rotateY(-130deg)}.capsule-opened .capsule-door-right{opacity:0;transform:rotateY(130deg)}.capsule-content-card{box-sizing:border-box;width:100%;height:100%;transform-style:preserve-3d;pointer-events:none;will-change:transform,opacity;flex-direction:column;justify-content:center;align-items:center;padding:40px 5%;transition:transform .85s cubic-bezier(.25,1,.3,1),opacity .6s;display:flex;position:absolute;top:0;left:0;overflow:visible}.capsule-closed .capsule-content-card{opacity:.01;transform:translateZ(-60px)scale(.85)}.capsule-opened .capsule-content-card{opacity:1;pointer-events:auto;transform:translateZ(35px)scale(1)}.capsule-opened,.capsule-opened .capsule-content-card,.capsule-opened h2,.capsule-opened h3,.capsule-opened h4,.capsule-opened p,.capsule-opened span,.capsule-opened a,.capsule-opened label,.capsule-opened .tech-badge,.capsule-opened .timeline-role,.capsule-opened .timeline-company,.capsule-opened .timeline-period,.capsule-opened .service-number,.capsule-opened .service-desc,.capsule-opened .service-deliverables li,.capsule-opened .work-number,.capsule-opened .work-year,.capsule-opened .work-category,.capsule-opened .work-details,.capsule-opened .work-explore-link,.capsule-opened .contact-mail-link,.capsule-opened .social-link,.capsule-opened .form-field label,.capsule-opened .about-subtitle,.capsule-opened .contact-subtitle{color:var(--foreground)!important;border-color:var(--border-color)!important}.capsule-opened .work-slide-card,.capsule-opened .contact-input,.capsule-opened .contact-textarea{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--foreground)!important}.capsule-opened .work-card-visual{border-color:var(--border-color)!important;opacity:.85!important}.capsule-opened .service-card{border-top-color:var(--foreground)!important}.capsule-opened .service-bullet-spin{background-color:var(--foreground)!important}.capsule-opened .tech-badge{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--text-muted)!important}.capsule-opened .contact-submit{background-color:var(--foreground)!important;color:var(--background)!important}.capsule-opened .contact-input:focus,.capsule-opened .contact-textarea:focus{border-color:var(--foreground)!important}.capsule-opened .fontOutline{-webkit-text-stroke:1.5px var(--foreground)!important;color:#0000!important}.active-portal{pointer-events:auto!important}.inactive-portal{pointer-events:none!important}.canvas-container div:has(.active-portal){pointer-events:auto!important}.fallback-2d-container{z-index:10;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.fallback-slide-wrapper{pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.fallback-2d .slide-section{justify-content:center;align-items:center;padding:0;display:flex}.fallback-2d .capsule-opened{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:1040px;max-width:90vw;height:600px;max-height:80vh;transition:all .5s cubic-bezier(.25,1,.3,1);display:flex;position:relative;background-color:var(--card-bg)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--border-color)!important;pointer-events:auto!important;box-shadow:0 40px 100px #0000000d!important}html.dark .fallback-2d .capsule-opened{background-color:#0e0e0e80!important;border:1px solid #ffffff14!important;box-shadow:0 40px 100px #0006!important}.fallback-2d .capsule-content-card{width:100%;height:100%;opacity:1!important;pointer-events:auto!important;transform:none!important}@media (max-width:768px){.fallback-2d .capsule-opened{width:95vw!important;height:80vh!important;max-height:80vh!important}.fallback-2d .capsule-content-card{-webkit-overflow-scrolling:touch!important;justify-content:flex-start!important;padding:60px 15px 30px!important;overflow-y:auto!important}.topBar{padding:15px 4%!important}.topBar div:first-child{display:none!important}.nav-container{justify-content:space-between!important;gap:15px!important;width:100%!important}.navMenu{-webkit-overflow-scrolling:touch!important;gap:12px!important;max-width:calc(100vw - 110px)!important;padding-bottom:4px!important;overflow-x:auto!important}.navMenu li{letter-spacing:1px!important;white-space:nowrap!important;font-size:.72rem!important}}.mobile-scroll-indicator-control{z-index:9999;background-color:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:30px;gap:15px;padding:8px 16px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000014}html.dark .mobile-scroll-indicator-control{background-color:#0e0e0e99;box-shadow:0 10px 30px #0006}.mobile-scroll-indicator-btn{color:var(--foreground);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.mobile-scroll-indicator-btn:active{background-color:#ffffff1a;transform:scale(.85)}.mobile-scroll-indicator-btn:disabled{opacity:.25;pointer-events:none}.theme-toggle-btn{background-color:var(--foreground);width:42px;height:42px;color:var(--background);border:1px solid var(--border-color);cursor:pointer;pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;font-size:1.05rem;transition:transform .3s cubic-bezier(.25,1,.5,1),background-color .4s,color .4s;display:flex;position:relative;box-shadow:0 2px 12px #0000000d}.theme-toggle-btn:hover{transform:scale(1.08)rotate(15deg)}.theme-toggle-btn:active{transform:scale(.95)}.theme-icon{justify-content:center;align-items:center;line-height:1;display:flex}.theme-svg-icon{stroke-width:2px;width:18px;height:18px;display:block}.intro-loader-container{color:#fff;z-index:10000;background-color:#0e0e0e;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.intro-loader-content{flex-direction:column;align-items:center;width:90%;max-width:450px;display:flex}.intro-language{letter-spacing:4px;text-transform:uppercase;font-size:2.8rem;font-weight:900;font-family:var(--font-heading);margin-bottom:30px}.intro-counter-wrapper{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;width:100%;height:40px;padding-top:15px;display:flex;position:relative}.intro-progress-bar{background-color:#fff;height:2px;transition:width .3s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0}.intro-percentage{opacity:.6;letter-spacing:1px;font-size:.95rem;font-weight:500}@media (max-width:768px){.intro-language{letter-spacing:2px!important;font-size:1.8rem!important}}.section-title-wrap{transform-style:preserve-3d;flex-direction:column;display:flex;position:absolute;top:-70px;left:-10px}.section-title-wrap h2{letter-spacing:-1px;font-size:1.8rem;font-weight:900;transform:translateZ(50px)}.section-title-wrap span{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-top:5px;font-size:.75rem;transform:translateZ(30px)}.home-coordinates{color:var(--text-muted);letter-spacing:1px;gap:20px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:90px;right:6%;transform:translateZ(50px)}.home-slide-content{text-align:center;z-index:3;max-width:800px;transform-style:preserve-3d;flex-direction:column;align-items:center;display:flex;position:relative}.home-tagline{letter-spacing:4px;color:var(--text-muted);margin-bottom:25px;font-size:.8rem;font-weight:700;transform:translateZ(30px)}.home-titles{transform-style:preserve-3d}.home-titles h1{text-transform:uppercase;letter-spacing:-3px;filter:drop-shadow(0 15px 30px #00000014);font-size:5.5rem;font-weight:900;line-height:.95;transform:translateZ(95px)}.fontOutline{-webkit-text-stroke:1.5px var(--foreground);color:#0000!important}.home-description{max-width:500px;margin-top:40px;font-size:.95rem;line-height:1.6;transform:translateZ(40px)}.home-ticker{white-space:nowrap;opacity:.05;pointer-events:none;z-index:1;width:100%;position:absolute;bottom:120px;left:0;overflow:hidden;transform:translateZ(-35px)}.ticker-track{letter-spacing:10px;font-size:3.5rem;font-weight:900;font-family:var(--font-heading);animation:25s linear infinite scrollTicker;display:inline-block}@keyframes scrollTicker{0%{transform:translate(0%)}to{transform:translate(-50%)}}.scroll-indicator-horizontal{z-index:3;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:60px;transform:translateZ(30px)}.scroll-indicator-horizontal span{color:var(--text-muted);letter-spacing:2px;font-size:.7rem}.scroll-indicator-bar{background-color:var(--border-color);width:80px;height:2px;position:relative;overflow:hidden}.scroll-indicator-dot{background-color:var(--foreground);width:40px;height:100%;position:absolute}@media (max-width:768px){.section-title-wrap{align-self:flex-start!important;width:100%!important;margin-bottom:25px!important;position:relative!important;top:0!important;left:0!important}.home-titles h1{letter-spacing:-1px!important;font-size:2.2rem!important}.home-tagline{letter-spacing:2px!important;margin-bottom:15px!important;font-size:.7rem!important}.home-description{margin-top:20px!important;padding:0 10px!important;font-size:.85rem!important}.home-ticker{bottom:80px!important}.ticker-track{font-size:2rem!important}.scroll-indicator-horizontal{bottom:30px!important}.home-coordinates{display:none!important}}#works .capsule-content-card{padding:30px 4% 20px!important;overflow:visible!important}.works-scroll-container{justify-content:flex-start;align-items:center;padding:20px 0;display:flex;width:100%!important;min-width:100%!important;height:500px!important;transform-style:preserve-3d!important;overflow:hidden!important}.works-scroll-container::-webkit-scrollbar{height:4px}.works-scroll-container::-webkit-scrollbar-track{background:0 0}.works-scroll-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.works-cards-wrapper{min-width:max-content;transform-style:preserve-3d;justify-content:flex-start;align-items:center;gap:30px;padding:10px 30px;display:flex}.work-slide-card{background-color:var(--card-bg);border:1px solid var(--border-color);width:370px;height:470px;transform-style:preserve-3d;cursor:pointer;pointer-events:auto;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:20px;transition:transform .4s cubic-bezier(.25,1,.5,1),border-color .4s;display:flex;transform:translateZ(40px)}.work-slide-card:hover{border-color:var(--foreground);transform:translateZ(60px)translateY(-8px)scale(1.01)}.work-card-header{color:var(--text-muted);font-size:.8rem;font-family:var(--font-heading);transform-style:preserve-3d;justify-content:space-between;display:flex;transform:translateZ(20px)}.work-number{font-weight:800}.work-card-visual{border:1px solid var(--border-color);border-radius:6px;width:100%;height:160px;margin:10px 0;transform:translateZ(30px)}.work-card-body{transform-style:preserve-3d;transform:translateZ(35px)}.work-card-body h3{letter-spacing:-.5px;margin-bottom:3px;font-size:1.25rem;font-weight:800;transform:translateZ(20px)}.work-category{color:var(--text-muted);text-transform:uppercase;margin-bottom:5px;font-size:.75rem;font-weight:700;transform:translateZ(10px)}.work-details{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden;transform:translateZ(15px)}.work-tech-badges{transform-style:preserve-3d;flex-wrap:wrap;gap:8px;display:flex;transform:translateZ(25px)}.tech-badge{border:1px solid var(--border-color);color:var(--text-muted);background-color:#00000005;border-radius:4px;padding:4px 8px;font-size:.65rem;font-weight:800;transform:translateZ(10px)}.work-card-footer{transform-style:preserve-3d;transform:translateZ(40px)}.work-explore-link{letter-spacing:1px;color:var(--foreground);font-size:.75rem;font-weight:800;text-decoration:none;display:inline-block;transform:translateZ(10px)}.works-scroll-btn{z-index:100;cursor:pointer;background-color:var(--card-bg);border:1.5px solid var(--border-color);width:60px;height:60px;color:var(--foreground);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .3s,transform .3s,background-color .3s,border-color .3s;display:flex;position:absolute;top:55%;transform:translateY(-50%)}.works-scroll-btn.visible{opacity:.75;pointer-events:auto}.works-scroll-btn.visible:hover{opacity:1;transform:translateY(-50%)scale(1.08)}.works-scroll-btn:active{transform:translateY(-50%)scale(.92)}.works-scroll-btn-left{left:20px}.works-scroll-btn-right{right:20px}.capsule-opened .works-scroll-btn{box-shadow:0 4px 20px #00000014;background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--foreground)!important}.capsule-opened .works-scroll-btn.visible:hover{background-color:var(--foreground)!important;color:var(--background)!important;border-color:var(--foreground)!important}.work-status-badge{text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:800;font-family:var(--font-body);transition:color .4s}.work-status-badge.status-development{color:#c25e00}html.dark .work-status-badge.status-development{color:#ffa726}.work-status-badge.status-deployed{color:#0b8a8f}html.dark .work-status-badge.status-deployed{color:#00e5ff}.work-year{font-family:var(--font-body);letter-spacing:.5px;font-size:.65rem;font-weight:700}@media (max-width:768px){.works-scroll-btn{display:none!important}.works-scroll-container{-webkit-overflow-scrolling:touch!important;pointer-events:auto!important;height:auto!important;padding:10px 0!important;overflow:auto hidden!important}.works-cards-wrapper{gap:15px!important;padding:10px!important;transform:none!important}.work-slide-card{width:270px!important;height:360px!important;padding:15px!important;transform:none!important}.work-slide-card:hover{transform:none!important}.work-card-visual{height:110px!important;margin:5px 0!important}.work-card-body h3{font-size:1.1rem!important}.work-details{margin-bottom:5px!important;font-size:.75rem!important}.section-title-wrap{align-self:flex-start!important;width:100%!important;margin-bottom:25px!important;position:relative!important;top:0!important;left:0!important}}#experience .capsule-content-card{padding:30px 4% 20px!important;overflow:visible!important}.experience-scroll-container{justify-content:flex-start;align-items:center;padding:20px 0;display:flex;width:100%!important;min-width:100%!important;height:500px!important;transform-style:preserve-3d!important;overflow:hidden!important}.experience-scroll-container::-webkit-scrollbar{height:4px}.experience-scroll-container::-webkit-scrollbar-track{background:0 0}.experience-scroll-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.experience-cards-wrapper{min-width:max-content;transform-style:preserve-3d;justify-content:flex-start;align-items:center;gap:30px;padding:10px 30px;display:flex}.experience-slide-card{background-color:var(--card-bg);border:1px solid var(--border-color);width:370px;height:470px;transform-style:preserve-3d;cursor:pointer;pointer-events:auto;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:20px;transition:transform .4s cubic-bezier(.25,1,.5,1),border-color .4s;display:flex;transform:translateZ(40px)}.experience-slide-card:hover{border-color:var(--foreground);transform:translateZ(60px)translateY(-8px)scale(1.01)}.experience-card-header{color:var(--text-muted);font-size:.8rem;font-family:var(--font-heading);transform-style:preserve-3d;justify-content:space-between;display:flex;transform:translateZ(20px)}.experience-number{font-weight:800}.experience-year{font-size:.95rem;font-weight:700}.experience-card-visual{border:1px solid var(--border-color);border-radius:6px;width:100%;height:160px;margin:10px 0;transform:translateZ(30px)}.experience-card-body{transform-style:preserve-3d;transform:translateZ(35px)}.experience-card-body h3{letter-spacing:-.5px;margin-bottom:3px;font-size:1.25rem;font-weight:800;transform:translateZ(20px)}.experience-category{color:var(--text-muted);text-transform:uppercase;margin-bottom:5px;font-size:.75rem;font-weight:700;transform:translateZ(10px)}.experience-date{color:var(--text-muted);opacity:.85;margin-bottom:8px;font-size:.75rem;font-weight:500;transform:translateZ(12px)}.experience-details{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden;transform:translateZ(15px)}.experience-tech-badges{transform-style:preserve-3d;flex-wrap:wrap;gap:8px;display:flex;transform:translateZ(25px)}.experience-card-footer{transform-style:preserve-3d;transform:translateZ(40px)}.experience-explore-link{letter-spacing:1px;color:var(--foreground);font-size:.75rem;font-weight:800;text-decoration:none;display:inline-block;transform:translateZ(10px)}.experience-scroll-btn{z-index:100;cursor:pointer;background-color:var(--card-bg);border:1.5px solid var(--border-color);width:60px;height:60px;color:var(--foreground);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .3s,transform .3s,background-color .3s,border-color .3s;display:flex;position:absolute;top:55%;transform:translateY(-50%)}.experience-scroll-btn.visible{opacity:.75;pointer-events:auto}.experience-scroll-btn.visible:hover{opacity:1;transform:translateY(-50%)scale(1.08)}.experience-scroll-btn:active{transform:translateY(-50%)scale(.92)}.experience-scroll-btn-left{left:20px}.experience-scroll-btn-right{right:20px}.capsule-opened .experience-scroll-btn{box-shadow:0 4px 20px #00000014;background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--foreground)!important}.capsule-opened .experience-scroll-btn.visible:hover{background-color:var(--foreground)!important;color:var(--background)!important;border-color:var(--foreground)!important}.capsule-opened .experience-slide-card{background-color:var(--card-bg)!important;border-color:var(--border-color)!important;color:var(--foreground)!important}.capsule-opened .experience-card-visual{border-color:var(--border-color)!important;opacity:.85!important}.capsule-opened .experience-number,.capsule-opened .experience-year,.capsule-opened .experience-category,.capsule-opened .experience-date,.capsule-opened .experience-details,.capsule-opened .experience-explore-link{color:var(--foreground)!important;border-color:var(--border-color)!important}@media (max-width:768px){.experience-scroll-btn{display:none!important}.experience-scroll-container{-webkit-overflow-scrolling:touch!important;pointer-events:auto!important;height:auto!important;padding:10px 0!important;overflow:auto hidden!important}.experience-cards-wrapper{gap:15px!important;padding:10px!important;transform:none!important}.experience-slide-card{width:270px!important;height:360px!important;padding:15px!important;transform:none!important}.experience-slide-card:hover{transform:none!important}.experience-card-visual{height:110px!important;margin:5px 0!important}.experience-card-body h3{font-size:1.1rem!important}.experience-details{margin-bottom:5px!important;font-size:.75rem!important}.section-title-wrap{align-self:flex-start!important;width:100%!important;margin-bottom:25px!important;position:relative!important;top:0!important;left:0!important}}.about-slide-layout{text-align:left;width:100%;height:100%;transform-style:preserve-3d;grid-template-columns:240px 1fr;gap:40px;display:grid}.profile-column{transform-style:preserve-3d;flex-direction:column;gap:12px;display:flex;transform:translateZ(25px)}.profile-photo-container{border:1.5px solid var(--border-color);background-color:var(--background);width:240px;height:230px;position:relative;overflow:hidden}.profile-photo{object-fit:cover;object-position:100% 85%;width:100%;height:100%;transition:transform .4s;transform:scale(1.15)}.profile-photo-container:hover .profile-photo{transform:scale(1.2)}.hud-corner{border:1.5px solid var(--foreground);z-index:5;width:8px;height:8px;position:absolute}.hud-top-left{border-bottom:none;border-right:none;top:6px;left:6px}.profile-photo-overlay{text-align:left;background:linear-gradient(#0000 0%,#000000b3 100%);width:100%;padding:8px 12px;position:absolute;bottom:0;left:0}.overlay-label{color:#ffffff73;letter-spacing:1.5px;font-size:.55rem;font-weight:800;display:block}.overlay-name{color:#fff;letter-spacing:.5px;text-transform:uppercase;font-size:.9rem;font-weight:900}.profile-details-grid{border:1.5px solid var(--border-color);background-color:var(--background);grid-template-columns:1fr 1fr;display:grid}.detail-box{flex-direction:column;gap:2px;padding:8px 10px;display:flex}.detail-box:first-child{border-right:1.5px solid var(--border-color)}.detail-label{color:var(--text-muted);letter-spacing:1px;font-size:.55rem;font-weight:800}.detail-value{color:var(--foreground);letter-spacing:.3px;align-items:center;gap:5px;font-size:.72rem;font-weight:900;display:flex}.university-logo{object-fit:contain;flex-shrink:0;width:auto;max-width:40px;height:36px}.university-name{font-size:.62rem;line-height:1.2}.gpa-scale{color:var(--text-muted);margin-left:1px;font-size:.6rem;font-weight:700}.status-dot{background-color:#0f6;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 6px #0f6}.profile-mindset-row{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.mindset-card{border:1.5px solid var(--border-color);text-align:center;background-color:var(--background);flex-direction:column;justify-content:center;align-items:center;height:68px;padding:6px 4px;transition:border-color .3s;display:flex}.mindset-card:hover{border-color:var(--foreground)}.mindset-title{color:var(--text-muted);letter-spacing:1px;margin-bottom:4px;font-size:.52rem;font-weight:900}.mindset-subtitle{text-transform:uppercase;color:var(--foreground);font-size:.58rem;font-weight:900;line-height:1.2}.about-right-content-area{width:100%;height:100%;transform-style:preserve-3d;flex-direction:column;justify-content:flex-start;gap:20px;display:flex;transform:translateZ(35px)}.about-subnav-row{border-bottom:1.5px solid var(--border-color);justify-content:flex-start;gap:24px;padding-bottom:8px;display:flex;overflow-x:auto}.about-subnav-btn{font-family:var(--font-heading);letter-spacing:2px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:.72rem;font-weight:800;transition:color .3s;position:relative}.about-subnav-btn.active{color:var(--foreground)}.about-subnav-btn:after{content:"";background-color:var(--foreground);transform-origin:0;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-9.5px;left:0;transform:scaleX(0)}.about-subnav-btn.active:after{transform:scaleX(1)}.about-active-tab-panel{flex:1;width:100%}.tab-title{letter-spacing:-.2px;text-transform:uppercase;color:var(--foreground);margin-bottom:12px;font-size:1rem;font-weight:900}.about-tab-content{flex-direction:column;gap:15px;display:flex}.about-header-group{flex-direction:column;gap:2px;display:flex}.about-title{letter-spacing:-1.2px;text-transform:uppercase;color:var(--foreground);font-size:2.1rem;font-weight:900;line-height:1}.about-subtitle-text{color:var(--text-muted);letter-spacing:-.4px;font-size:1.05rem;font-weight:700}.about-tags-row{color:var(--text-muted);letter-spacing:1px;align-items:center;gap:10px;font-size:.65rem;font-weight:800;display:flex}.about-tags-row .separator{opacity:.35}.about-description{color:var(--text-muted);flex-direction:column;gap:10px;font-size:.85rem;line-height:1.5;display:flex}.about-description strong{color:var(--foreground)}.about-focus-section{flex-direction:column;gap:8px;margin-top:4px;display:flex}.focus-label{color:var(--text-muted);letter-spacing:1.5px;font-size:.6rem;font-weight:900}.focus-cards-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.activity-logs-grid{grid-template-columns:repeat(4,1fr)}.focus-card{border:1.5px solid var(--border-color);background-color:var(--background);text-align:center;border-radius:4px;justify-content:center;align-items:center;min-height:48px;padding:12px;transition:transform .3s,background-color .3s,color .3s,border-color .3s,opacity .3s;display:flex}.focus-card.more-card{opacity:.55;border-style:dashed}.focus-card.more-card:hover{opacity:1;border-style:solid}.focus-card:hover{background-color:var(--foreground);color:var(--background);border-color:var(--foreground);transform:translateY(-2px)}.focus-card-title{letter-spacing:.5px;text-transform:uppercase;font-size:.65rem;font-weight:900;line-height:1.25}.logs-tab-content{flex-direction:column;display:flex}.terminal-logs-container{border:1.5px solid var(--border-color);background-color:var(--background);border-radius:6px;flex-direction:column;height:250px;display:flex;overflow:hidden}.terminal-header{background-color:var(--border-color);border-bottom:1.5px solid var(--border-color);align-items:center;gap:6px;padding:6px 12px;display:flex}.terminal-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.terminal-dot.red{background-color:#ff5f56}.terminal-dot.yellow{background-color:#ffbd2e}.terminal-dot.green{background-color:#27c93f}.terminal-title{color:var(--text-muted);margin-left:8px;font-family:monospace;font-size:.65rem;font-weight:700}.terminal-body{color:var(--foreground);flex-direction:column;flex:1;gap:6px;padding:12px;font-family:monospace;font-size:.68rem;line-height:1.6;display:flex;overflow-y:auto}.terminal-line{text-align:left;flex-wrap:wrap;display:flex}.log-timestamp{color:var(--text-muted);font-weight:700}.log-action{color:var(--foreground)}.work-tab-content{flex-direction:column;display:flex}.work-timeline-list{flex-direction:column;gap:12px;max-height:250px;padding-right:5px;display:flex;overflow-y:auto}.work-timeline-item{border-bottom:1.5px solid var(--border-color);text-align:left;flex-direction:column;gap:3px;padding-bottom:10px;display:flex}.work-timeline-item:last-child{border-bottom:none}.work-item-header{justify-content:space-between;align-items:baseline;display:flex}.work-item-role{letter-spacing:-.3px;text-transform:uppercase;color:var(--foreground);font-size:.9rem;font-weight:900}.work-item-period{color:var(--text-muted);font-size:.65rem;font-weight:800}.work-item-company{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:800}.work-item-desc{color:var(--text-muted);font-size:.75rem;line-height:1.4}.stack-tab-content{flex-direction:column;display:flex}.stacks-grid{grid-template-columns:1fr;gap:10px;max-height:250px;padding-right:5px;display:grid;overflow-y:auto}.stack-category-card{border:1.5px solid var(--border-color);background-color:var(--background);text-align:left;border-radius:4px;flex-direction:column;gap:6px;padding:10px 14px;display:flex}.stack-category-title{color:var(--text-muted);letter-spacing:1.5px;border-bottom:1px solid var(--border-color);width:fit-content;padding-bottom:3px;font-size:.62rem;font-weight:900}.stack-items-wrap{flex-wrap:wrap;gap:5px;display:flex}.stack-item-tag{border:1.5px solid var(--border-color);background-color:var(--background);color:var(--foreground);border-radius:3px;padding:3px 8px;font-size:.68rem;font-weight:800;transition:border-color .2s,transform .2s}.stack-item-tag:hover{border-color:var(--foreground);transform:translateY(-1px)}.stats-tab-content{flex-direction:column;display:flex}.stats-grid-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-telemetry-box{border:1.5px solid var(--border-color);background-color:var(--background);text-align:center;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;height:105px;padding:12px;transition:border-color .3s;display:flex}.stat-telemetry-box:hover{border-color:var(--foreground)}.stat-value-hud{font-family:var(--font-heading);letter-spacing:-1px;color:var(--foreground);margin-bottom:4px;font-size:2.1rem;font-weight:900;line-height:1}.stat-label-hud{color:var(--text-muted);letter-spacing:1px;font-size:.58rem;font-weight:900}.skills-tab-content{flex-direction:column;display:flex}.skills-meter-list{text-align:left;flex-direction:column;gap:12px;display:flex}.skill-meter-row{flex-direction:column;gap:5px;display:flex}.skill-meter-header{letter-spacing:.5px;justify-content:space-between;align-items:center;font-size:.68rem;font-weight:800;display:flex}.skill-meter-name{color:var(--text-muted)}.skill-meter-percent{color:var(--foreground);font-weight:900}.skill-meter-track{background-color:var(--border-color);border-radius:3px;height:5px;overflow:hidden}.skill-meter-fill{background-color:var(--foreground);border-radius:3px;height:100%;transition:width 1.2s cubic-bezier(.25,1,.5,1)}@media (max-width:768px){.about-slide-layout{grid-template-columns:1fr!important;gap:24px!important}.profile-column{align-items:center!important;width:100%!important}.profile-photo-container{width:180px!important;height:180px!important}.profile-details-grid,.profile-mindset-row{width:100%!important}.focus-cards-grid{grid-template-columns:repeat(2,1fr)!important}.about-title{font-size:1.5rem!important}.about-subtitle-text{font-size:.9rem!important}.section-title-wrap{align-self:flex-start!important;width:100%!important;margin-bottom:25px!important;position:relative!important;top:0!important;left:0!important}}.github-slide-layout{text-align:left;width:100%;max-width:1100px;height:100%;transform-style:preserve-3d;grid-template-columns:280px 1fr;gap:40px;margin-top:50px;display:grid}.github-profile-panel{border:1.5px solid var(--border-color);background-color:var(--background);transform-style:preserve-3d;border-radius:4px;flex-direction:column;gap:20px;padding:24px 20px;transition:border-color .3s;display:flex;position:relative;transform:translateZ(25px)}.github-profile-panel:hover{border-color:var(--foreground)}.github-user-info{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.github-avatar-wrapper{border:2px solid var(--border-color);border-radius:50%;width:90px;height:90px;padding:4px;transition:border-color .4s;position:relative}.github-profile-panel:hover .github-avatar-wrapper{border-color:var(--foreground)}.github-avatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.github-profile-meta h3{font-family:var(--font-heading);text-transform:uppercase;color:var(--foreground);margin-bottom:4px;font-size:1.1rem;font-weight:900}.github-profile-meta .github-login{color:var(--text-muted);letter-spacing:.5px;font-size:.72rem;font-weight:700}.github-bio{color:var(--text-muted);margin-top:4px;font-size:.75rem;line-height:1.4}.github-stats-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.github-stat-card{border:1px solid var(--border-color);text-align:center;background-color:#ffffff05;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:10px 8px;transition:border-color .3s,background-color .3s;display:flex}.github-stat-card:hover{border-color:var(--foreground);background-color:#ffffff0d}.github-stat-value{font-family:var(--font-heading);color:var(--foreground);font-size:1.3rem;font-weight:900;line-height:1.1}.github-stat-label{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:.52rem;font-weight:800}.github-languages-wrapper{border-top:1px solid var(--border-color);flex-direction:column;gap:8px;margin-top:8px;padding-top:15px;display:flex}.github-languages-title{color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;font-size:.6rem;font-weight:900}.github-languages-bar{background-color:#ffffff0d;border-radius:3px;width:100%;height:6px;display:flex;overflow:hidden}.github-lang-segment{height:100%;transition:width .6s ease-in-out}.github-languages-list{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.github-lang-chip{color:var(--foreground);align-items:center;gap:6px;font-size:.62rem;font-weight:800;display:flex}.github-lang-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.github-lang-percentage{color:var(--text-muted);font-weight:700}.github-repos-section{width:100%;transform-style:preserve-3d;flex-direction:column;gap:20px;display:flex;transform:translateZ(35px)}.github-section-subtitle{color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:-5px;font-size:.65rem;font-weight:900}.github-repos-grid{width:100%;transform-style:preserve-3d;grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.github-repo-card{border:1.5px solid var(--border-color);background-color:var(--background);height:165px;transform-style:preserve-3d;border-radius:4px;flex-direction:column;justify-content:space-between;gap:15px;padding:24px;transition:transform .4s cubic-bezier(.25,1,.5,1),border-color .4s;display:flex;position:relative;transform:translateZ(20px)}.github-repo-card:hover{border-color:var(--foreground);transform:translateZ(40px)translateY(-5px)}.github-repo-header{justify-content:space-between;align-items:flex-start;display:flex}.github-repo-title{font-family:var(--font-heading);letter-spacing:-.3px;text-transform:uppercase;color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;max-width:80%;margin-bottom:4px;font-size:1.05rem;font-weight:900;overflow:hidden}.github-repo-icon{opacity:.6;color:var(--foreground);transition:opacity .3s}.github-repo-card:hover .github-repo-icon{opacity:1}.github-repo-desc{color:var(--text-muted);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;flex-grow:1;margin-top:-5px;font-size:.72rem;line-height:1.45;display:-webkit-box;overflow:hidden}.github-repo-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.github-repo-lang{color:var(--foreground);align-items:center;gap:6px;font-size:.65rem;font-weight:800;display:flex}.github-repo-telemetry{align-items:center;gap:12px;display:flex}.github-telemetry-item{color:var(--text-muted);align-items:center;gap:4px;font-size:.65rem;font-weight:800;display:flex}.github-telemetry-item svg{width:12px;height:12px}.github-shimmer{background:linear-gradient(90deg,#ffffff05 25%,#ffffff14 50%,#ffffff05 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s linear infinite github-loading-shimmer}@keyframes github-loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.github-skeleton-text{width:100%;height:14px;margin-bottom:8px}.github-skeleton-text.short{width:60%}.github-skeleton-text.title{width:80%;height:18px;margin-bottom:12px}.github-skeleton-avatar{border-radius:50%;width:80px;height:80px;margin:0 auto 12px}@media (max-width:900px){.github-slide-layout{grid-template-columns:1fr;gap:30px;max-height:80vh;margin-top:30px;padding-bottom:40px;overflow-y:auto}.github-profile-panel{transform:translateZ(10px)}.github-repos-section{transform:translateZ(15px)}.github-repos-grid{grid-template-columns:1fr;gap:15px}.github-repo-card{height:auto;min-height:140px}}@media (max-width:768px){.github-slide-layout{grid-template-columns:1fr!important;gap:20px!important}.github-repos-grid{grid-template-columns:1fr!important}.section-title-wrap{align-self:flex-start!important;width:100%!important;margin-bottom:25px!important;position:relative!important;top:0!important;left:0!important}}.contact-slide-layout{text-align:left;width:100%;max-width:1100px;transform-style:preserve-3d;grid-template-columns:1.25fr 1fr;gap:80px;display:grid}.contact-left-col,.contact-right-col{transform-style:preserve-3d}.contact-subtitle{letter-spacing:3px;color:var(--text-muted);font-size:.75rem;font-weight:700;display:inline-block;transform:translateZ(30px)}.contact-mail-link{white-space:nowrap;letter-spacing:-2px;width:max-content;color:var(--foreground);filter:drop-shadow(0 15px 30px #0000001a);cursor:pointer;margin:-1px 0 -6px -32px;padding:16px 32px;font-size:clamp(1.8rem,4.5vw,3rem);font-weight:900;line-height:1.1;text-decoration:none;display:block;transform:translateZ(5px)}.socials-list{transform-style:preserve-3d;gap:25px;display:flex;transform:translateZ(40px)}.social-link{letter-spacing:1px;color:var(--foreground);font-size:.75rem;font-weight:800;text-decoration:none;display:inline-block;transform:translateZ(10px)}.btn-reset{cursor:pointer;outline:inherit;text-align:left;background:0 0;border:none;width:auto;margin:0;padding:0;font-family:inherit}.email-click-area{flex-direction:column;align-items:flex-start;margin-top:25px;margin-bottom:20px;display:flex}.copy-status-indicator{letter-spacing:2px;margin-top:5px;margin-bottom:0;font-size:.65rem;font-weight:800;transform:translateZ(30px)}.click-to-copy-text{color:var(--text-muted)}.copied-text{color:#10b981;text-shadow:0 0 10px #10b9814d}.local-time-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin:15px 0;padding:24px;transform:translateZ(50px);box-shadow:0 8px 32px #0000000d}.time-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.status-pulse-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #10b981b3}.time-display{letter-spacing:1px;color:var(--foreground);font-size:2.25rem;font-weight:900}.timezone-label{color:var(--text-muted);letter-spacing:1.5px;font-size:.65rem;font-weight:700;display:block}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.networks-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px;display:grid;transform:translateZ(40px)}.network-card{background:var(--card-bg);border:1px solid var(--border-color);color:var(--foreground);border-radius:8px;justify-content:space-between;align-items:center;padding:16px 20px;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.network-card span{transition:color .3s cubic-bezier(.25,.8,.25,1)}.network-card:hover{background:var(--foreground);color:var(--background);border-color:var(--foreground);transform:translateY(-3px)translateZ(10px)}.network-card:hover span{color:var(--background)!important}.network-name{letter-spacing:1.5px;font-size:.75rem;font-weight:800}.network-arrow{font-size:.9rem}.mt-40{margin-top:40px}.global-time-display{color:var(--text-muted);letter-spacing:.5px;margin-left:10px;font-size:1.25rem;font-weight:500}@media (max-width:768px){.contact-slide-layout{grid-template-columns:1fr!important;gap:30px!important}.contact-mail-link{white-space:normal!important;word-break:break-all!important;margin:0!important;padding:10px 20px!important;font-size:1.5rem!important}.networks-grid{grid-template-columns:1fr!important}.section-title-wrap{align-self:flex-start!important;width:100%!important;margin-bottom:25px!important;position:relative!important;top:0!important;left:0!important}}.pm-backdrop{-webkit-backdrop-filter:blur(16px);z-index:10000;background-color:#fcfcfc66;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}html.dark .pm-backdrop{background-color:#080808b3}.pm-modal-box{background-color:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(25px);border-radius:16px;flex-direction:column;width:100%;max-width:960px;height:90vh;max-height:850px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #0000001a}html.dark .pm-modal-box{box-shadow:0 30px 60px #00000080}.pm-close-btn{border:1px solid var(--border-color);width:40px;height:40px;color:var(--foreground);cursor:pointer;z-index:10002;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;position:absolute;top:24px;right:24px}.pm-close-btn:hover{background-color:var(--foreground);color:var(--background);border-color:var(--foreground);transform:rotate(90deg)}.pm-scrollable-content{flex-direction:column;flex:1;gap:40px;height:100%;min-height:0;padding:50px 40px 40px;display:flex;overflow-y:auto}.pm-header{border-bottom:1px dashed var(--border-color);flex-direction:column;gap:20px;padding-bottom:25px;display:flex}.pm-header-meta-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;display:flex}.pm-actions-group{align-items:center;gap:15px;display:flex}.pm-action-btn{letter-spacing:1px;border-radius:8px;padding:10px 20px;font-size:.75rem;font-weight:800;text-decoration:none;transition:all .3s}.pm-action-btn.github{border:1px solid var(--border-color);color:var(--foreground);background-color:#0000}.pm-action-btn.github:hover{background-color:var(--foreground);color:var(--background);border-color:var(--foreground)}.pm-action-btn.demo{background-color:var(--foreground);color:var(--background);border:1px solid var(--foreground)}.pm-action-btn.demo:hover{color:var(--foreground);background-color:#0000}.pm-title-section h1{letter-spacing:-1.5px;text-transform:uppercase;margin-bottom:10px;font-size:2.8rem;font-weight:800;line-height:1.1}.pm-category-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);border:1px solid var(--border-color);background-color:#00000005;border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:800}html.dark .pm-category-label{background-color:#ffffff05}.pm-meta-grid{gap:30px;display:flex}.pm-meta-box{flex-direction:column;gap:4px;display:flex}.pm-meta-lbl{color:var(--text-muted);letter-spacing:1px;font-size:.65rem;font-weight:800}.pm-meta-val{color:var(--foreground);font-size:.9rem;font-weight:700}.pm-carousel-container{flex-direction:column;gap:15px;width:100%;display:flex}.pm-carousel-slider{border:1px solid var(--border-color);background-color:#00000008;border-radius:12px;justify-content:center;align-items:center;width:100%;height:420px;display:flex;position:relative;overflow:hidden}html.dark .pm-carousel-slider{background-color:#0000004d}.pm-carousel-image{object-fit:cover;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;height:100%}.pm-carousel-image:active{cursor:grabbing}.pm-carousel-btn{border:1px solid var(--border-color);background-color:var(--card-bg);width:44px;height:44px;color:var(--foreground);cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(10px);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pm-carousel-btn:hover{background-color:var(--foreground);color:var(--background);border-color:var(--foreground)}.prev-btn{left:20px}.next-btn{right:20px}.pm-carousel-dots{justify-content:center;gap:8px;display:flex}.pm-carousel-dot{background-color:var(--border-color);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.pm-carousel-dot.active{background-color:var(--foreground);border-radius:4px;width:24px}.pm-carousel-empty{border:1px dashed var(--border-color);width:100%;height:200px;color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.pm-body-grid{grid-template-columns:1.2fr 1.8fr;align-items:start;gap:50px;display:grid}.pm-body-col{flex-direction:column;gap:20px;display:flex}.pm-body-col h3{letter-spacing:1.5px;color:var(--foreground);border-left:2px solid var(--foreground);margin-bottom:5px;padding-left:10px;font-size:.8rem;font-weight:800}.pm-overview-text{color:var(--text-muted);font-size:.9rem;line-height:1.7}.pm-tech-grid{flex-wrap:wrap;gap:8px;display:flex}.pm-tech-badge{border:1px solid var(--border-color);color:var(--text-muted);background-color:#00000005;border-radius:6px;padding:6px 12px;font-size:.7rem;font-weight:800}html.dark .pm-tech-badge{background-color:#ffffff05}.pm-muted-text{color:var(--text-muted);font-size:.9rem}.pm-challenges-list{flex-direction:column;gap:25px;display:flex}.pm-challenge-card{border:1px solid var(--border-color);background-color:#00000003;border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex}html.dark .pm-challenge-card{background-color:#ffffff03}.pm-challenge-header,.pm-solution-header{align-items:center;gap:8px;display:flex}.pm-icon-tag{justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.challenge-icon{color:var(--foreground)}.solution-icon{color:var(--text-muted)}.pm-challenge-card h4{letter-spacing:1px;font-size:.75rem;font-weight:800}.pm-challenge-desc{color:var(--text-muted);font-size:.85rem;line-height:1.6}.pm-solution-block{border-top:1px dashed var(--border-color);flex-direction:column;gap:8px;margin-top:5px;padding-top:15px;display:flex}.pm-solution-block h5{letter-spacing:.5px;font-size:.7rem;font-weight:800}.pm-solution-desc{color:var(--text-muted);font-size:.85rem;line-height:1.6}@media (max-width:900px){.pm-body-grid{grid-template-columns:1fr;gap:40px}.pm-title-section h1{font-size:2.2rem}}@media (max-width:600px){.pm-scrollable-content{padding:40px 20px 20px}.pm-header{flex-direction:column;align-items:flex-start;gap:15px}.pm-carousel-slider{height:250px}.pm-carousel-btn{width:36px;height:36px;font-size:1rem}.pm-close-btn{width:32px;height:32px;font-size:.9rem;top:15px;right:15px}}