:root{font-family:Roboto,sans-serif;line-height:1.5;font-weight:300;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #38bdf8;--secondary: #0ea5e9;--accent: #fb923c;--bg-dark: #020617;--text-main: #f8fafc;--text-muted: #94a3b8}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;overflow-x:hidden;overflow-y:hidden;height:100vh;background:radial-gradient(circle at 50% 30%,#172554,#020617 90%);color:#f3f4f6}body:after{content:"";position:fixed;bottom:-25vh;left:50%;transform:translate(-50%);width:140vw;height:50vh;background:radial-gradient(ellipse at center,rgba(0,0,0,.9) 0%,transparent 70%);z-index:-2;pointer-events:none;filter:blur(20px)}html,body{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}#canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;transition:filter .8s ease,opacity .8s ease}#labels-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:15;pointer-events:none}#navbar{position:fixed;top:30px;left:50%;transform:translate(-50%);width:max-content;display:flex;justify-content:center;align-items:center;gap:10px;z-index:1000;pointer-events:auto;padding:10px 15px;border:none;background:transparent;box-shadow:none;isolation:isolate}#navbar-bg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50px;z-index:2;background:linear-gradient(180deg,#ffffff0f,#ffffff03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-top:1px solid rgba(0,0,0,.5);border-bottom:1px solid rgba(255,255,255,.25);box-shadow:0 20px 40px #00000080,inset 0 -1px #ffffff26,inset 0 0 15px #ffffff05;pointer-events:none}.nav-link{font-family:Roboto,sans-serif;font-size:.95rem;font-weight:500;color:#cad4e0;text-decoration:none;background:transparent;padding:10px 20px;border-radius:30px;border:none;transition:all .3s ease;position:relative;overflow:visible;z-index:10}.nav-link:hover{color:#f1f5f9;transform:translateY(-1px)}.nav-link.active{color:var(--accent);background:transparent;text-shadow:0 0 12px rgba(251,146,60,.6)}#navbar-highlight{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:140px;height:55px;background:radial-gradient(circle,rgba(255,215,0,.5) 0%,transparent 65%);filter:blur(18px);border-radius:50%;z-index:1;pointer-events:none;transition:left .4s cubic-bezier(.25,.46,.45,.94);opacity:0}#ui-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:10;pointer-events:none;display:block;transition:transform 2s cubic-bezier(.22,1,.36,1),opacity 2s ease,filter 2s ease}#home-text-container{position:absolute;left:50%;top:50%;transform:translateY(-50%);width:420px;z-index:100;pointer-events:auto;perspective:1000px}@media(min-width:2500px){#home-text-container{width:600px}}.home-text-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;transition:opacity 1.5s ease;background:#0f172a66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.25);box-shadow:0 20px 40px #0003,inset 0 0 20px #ffffff0d;border-radius:30px;position:relative;overflow:visible;padding:35px}@media(min-width:2500px){.home-text-inner{border-radius:60px;padding:60px 90px}}@property --border-angle{syntax: "<angle>"; inherits: true; initial-value: 0turn;}.home-text-inner:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--border-angle),transparent 20%,#6b21a8 80%,#ffffff 90%,#6b21a8 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2;filter:drop-shadow(0 0 2px #d8b4fe) drop-shadow(0 0 5px #a855f7) drop-shadow(0 0 15px #a855f7) drop-shadow(0 0 30px rgba(168,85,247,1));animation:spin-border 8s linear infinite}@keyframes spin-border{to{--border-angle: 1turn}}.home-text-inner{transition:opacity .5s ease,transform .5s ease}.home-text-inner.fade-out{opacity:0;transform:translateY(-20px) scale(.95)}.inner-show{opacity:1}.hero-text{font-family:JetBrains Mono,monospace;font-size:14px;color:#e2e8f0;line-height:1.6;opacity:1;margin:0;max-width:100%}@media(min-width:2500px){.hero-text{font-size:18px}}.highlight-text{color:var(--accent)}#main-name{font-family:JetBrains Mono,monospace;font-weight:700;font-size:42px;color:var(--text-main);margin:25px 0;padding:0;text-shadow:none;transition:transform .3s ease,opacity .5s ease;white-space:nowrap}@media(min-width:2500px){#main-name{font-size:60px;margin:40px 0}}#main-name:hover{transform:translateY(-2px)}.reveal-text{animation:revealSwipe 1.5s cubic-bezier(.22,1,.36,1) forwards;clip-path:inset(0 100% 0 0);will-change:clip-path}@keyframes revealSwipe{to{clip-path:inset(0 0 0 0)}}.bg-dots-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;z-index:-1;pointer-events:none;opacity:0;transition:opacity 2.5s ease;animation:rotateClockwise 60s linear infinite;transform-style:preserve-3d;display:none}.bg-dots-container.fade-out{opacity:0;transition:opacity .5s ease}@keyframes rotateClockwise{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.dots-show{opacity:1}.bg-dot{position:absolute;border-radius:70%;filter:blur(60px);opacity:.4}.dot-1{width:300px;height:300px;background:var(--primary);top:50%;left:50%;margin-left:-150px;margin-top:-240px;animation:float1 14s ease-in-out infinite alternate}.dot-2{width:300px;height:300px;background:var(--accent);top:50%;left:50%;margin-left:-70px;margin-top:-105px;animation:float2 18s ease-in-out infinite alternate-reverse}.dot-3{width:300px;height:300px;background:var(--secondary);top:50%;left:50%;margin-left:-230px;margin-top:-105px;animation:float3 20s ease-in-out infinite alternate}@keyframes float1{0%{transform:translate(0) scale(1)}to{transform:translate(50px,-40px) scale(1.1)}}@keyframes float2{0%{transform:translate(0) rotate(0)}to{transform:translate(-40px,60px) rotate(20deg)}}@keyframes float3{0%{transform:translate(0) scale(1)}to{transform:translate(30px,50px) scale(.9)}}.node-label{position:absolute;color:#e2e8f0;font-family:Inter,sans-serif;font-size:13px;font-weight:500;pointer-events:auto;-webkit-user-select:none;user-select:none;cursor:default;background:#020617cc;border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:6px 14px;opacity:0;transition:opacity .3s ease,background-color .3s ease,border-color .3s ease}.node-label:hover{border-color:#38bdf8cc;transform:scale(1.1);z-index:1000!important}.cursor{display:inline-block;width:.6em;height:4px;background-color:#000;animation:blink 1s step-end infinite;margin-left:2px;vertical-align:bottom;position:relative;top:-6px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:2000;pointer-events:none;transition:opacity .5s;opacity:1}.scroll-indicator.scroll-up{transform:translate(-50%) rotate(180deg)!important;bottom:80px}.scroll-indicator.scroll-up .wheel{animation-direction:reverse}.scroll-arrow{width:30px;height:30px;color:var(--accent);animation:bounceUp 2s infinite;cursor:pointer;pointer-events:auto}.footer-text{display:none}.scroll-indicator.show-up-arrow{bottom:30px;z-index:2000;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:20px}.scroll-indicator.show-up-arrow .mouse{display:none}.scroll-indicator.show-up-arrow .scroll-arrow{display:block!important}.scroll-indicator.show-up-arrow .footer-text{display:block!important;font-family:JetBrains Mono,monospace;font-size:.75rem;color:#94a3b8;opacity:.6;white-space:nowrap;pointer-events:none}@keyframes bounceUp{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.mouse{width:26px;height:42px;border:2px solid #fff;border-radius:20px;position:relative;display:block}.wheel{width:4px;height:8px;background:var(--text-main);border-radius:2px;position:absolute;top:6px;left:50%;transform:translate(-50%);animation:scrollWheel 2s infinite}@keyframes scrollWheel{0%{top:6px;opacity:1}to{top:24px;opacity:0}}@media(max-width:780px){#home-text-container{left:50%;transform:translate(-50%,-50%);width:100%;max-width:90vw}}@media(max-width:480px){#home-text-container{max-width:95vw;width:95%}}#right-sidebar{position:fixed;right:40px;top:0;bottom:0;z-index:200;display:flex;flex-direction:column;align-items:center;pointer-events:none}.sidebar-line{width:1px;height:calc(50vh - 103px);background:linear-gradient(180deg,#ffffff1a,#ffffff80);margin-bottom:25px}.sidebar-icons{display:flex;flex-direction:column;gap:20px;pointer-events:auto}.sidebar-icon{width:24px;height:24px;color:#94a3b8;transition:all .3s ease;opacity:.7}.sidebar-icon:hover{color:#f1f5f9;transform:translateY(-3px) scale(1.1);opacity:1;filter:drop-shadow(0 0 8px rgba(255,255,255,.4))}@media(max-width:1400px){.sidebar-line{height:100px}}@media(max-width:768px){#right-sidebar{display:none}}.hire-me-btn{margin-top:30px;padding:12px 36px;font-family:Roboto,sans-serif;font-size:1rem;font-weight:900;color:#fff;background:#e65c00;border:none;border-radius:30px;cursor:pointer;transition:transform .3s ease;box-shadow:inset 0 3px 6px #0006;position:relative;overflow:hidden;z-index:10}.hire-me-btn:hover{transform:translateY(-3px);box-shadow:inset 0 3px 6px #0006}.hire-me-btn:active{transform:translateY(1px);box-shadow:inset 0 5px 8px #00000080}.stats-line{position:fixed;bottom:110px;left:50%;transform:translate(-50%);width:max-content;font-family:JetBrains Mono,monospace;font-size:.85rem;color:#94a3b8;opacity:.8;z-index:100}.stats-line .divider{color:#475569;margin:0 10px}#about-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:20;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateY(150vh);transition:transform 2s cubic-bezier(.22,1,.36,1),opacity 2s ease;will-change:transform}#about-overlay .leader-line{z-index:-1!important;pointer-events:none;position:absolute}#about-lottie-layer{pointer-events:none;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%}#graph-svg{display:none!important}.graph-container{display:flex;flex-direction:column;align-items:center;gap:120px;transform-origin:center top;position:relative;z-index:50;width:auto;max-width:100%;margin:0 auto;pointer-events:auto}.node-column:first-child{margin-bottom:0}.category-node{color:var(--accent)!important}.graph-node{background:#00000080;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);outline:none!important;box-shadow:none;filter:none!important;text-shadow:none!important;padding:14px 24px;border-radius:12px;font-family:Inter,sans-serif;font-weight:600;color:#fff;text-align:left;white-space:nowrap;position:relative;z-index:100;opacity:1;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.graph-node:hover{background:#000c;border-color:#ffffff80}.leaf-node:hover{transform:translateY(-4px) scale(1.05)!important;box-shadow:none!important;text-shadow:none!important;border-color:#38bdf8;color:#fff}.leaf-node{padding-top:10px!important;padding-bottom:10px!important}.graph-node:active{transform:scale(.98)}.graph-node.animate-in{animation:fadeIn .8s ease forwards}.leaf-node.animate-in{animation:popIn .6s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}#node-start{font-size:1rem;color:var(--text-main);padding:0;border:1px solid rgba(255,255,255,.12)!important;border-top:1px solid rgba(255,255,255,.25)!important;max-width:700px;min-height:280px;white-space:normal;display:flex;flex-direction:row;box-shadow:0 20px 40px #0003,inset 0 0 20px #ffffff0d!important;position:relative}#node-start:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--border-angle),transparent 20%,#fb923c 80%,#ffffff 90%,#fb923c 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2;filter:drop-shadow(0 0 2px #fdba74) drop-shadow(0 0 5px #f97316) drop-shadow(0 0 15px #ea580c) drop-shadow(0 0 30px rgba(234,88,12,.8));animation:spin-border 8s linear infinite}.bio-intro{display:flex;flex-direction:row;align-items:stretch;gap:0;width:100%;height:100%}.bio-text-group{flex:1;display:flex;flex-direction:column;justify-content:center;gap:15px;padding:30px}.bio-intro h3{font-size:2rem;margin:0;color:var(--accent)}.bio-text{font-size:1.2rem;color:#f1f5f9;line-height:1.6;font-weight:400;margin:0;text-indent:0}.bio-img-container{width:200px;position:relative;display:flex;align-items:flex-end;justify-content:center}.bio-avatar{width:100%;height:100%;object-fit:cover;object-position:top center;border:none;border-radius:0;box-shadow:none;background:transparent}.category-node{font-weight:700;font-size:1.25rem;color:var(--text-main);text-shadow:none!important}.leaf-node{font-size:1.1rem;padding:10px 20px;color:#e2e8f0;position:relative;box-shadow:none!important;text-shadow:none!important}.leaf-node:after{content:"";position:absolute;inset:-10px;z-index:-1}.node-column{display:flex;flex-direction:column;justify-content:center;position:relative;height:100%}.branches-column{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;width:auto;padding:0 20px;gap:0;position:relative}.branch-group{display:flex;flex-direction:column;align-items:center;gap:35px;position:relative}.leaf-nodes{display:flex;flex-direction:column;gap:25px;position:relative;margin-left:0;margin-top:25px}.leaf-meta{font-size:.95rem;color:#cbd5e1;font-weight:400;margin-left:8px;opacity:1;transition:opacity .2s}.info-tooltip{position:absolute;bottom:125%;left:50%;transform:translate(-50%) translateY(10px);width:220px;background:#1e293b;color:var(--text-main);padding:12px;border-radius:8px;font-size:.8rem;font-weight:400;text-align:left;line-height:1.4;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.165,.84,.44,1),transform .3s cubic-bezier(.165,.84,.44,1),visibility .3s;will-change:opacity,transform;z-index:1000!important;white-space:normal;border:1px solid rgba(255,255,255,.1)}.info-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#1e293b transparent transparent transparent}.graph-node:hover .info-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}body.about-active #main-title{opacity:0;transition:opacity .5s}@media(max-width:1200px){#about-overlay{padding-top:80px;overflow-y:auto}.graph-container{gap:80px}}@media(max-height:1000px)and (min-width:769px){.graph-container{transform:scale(.75);transform-origin:top center;margin-top:120px}}@media(max-width:768px){#about-overlay{flex-direction:column;justify-content:flex-start}.branches-column{grid-template-columns:1fr;gap:60px}.bio-intro{flex-direction:column-reverse;align-items:center;text-align:center}.bio-img-container{width:100%;max-width:300px;height:auto}.bio-avatar{width:100%;height:auto;max-height:250px;margin-bottom:20px}}@media(max-width:480px){.graph-container{gap:50px}.leaf-nodes{gap:40px}}.leaf-nodes{display:flex;flex-direction:column;gap:60px;justify-content:center;margin-top:60px;width:100%;align-items:center}svg.leader-line,svg.leader-line *,.leader-line defs{filter:none!important;box-shadow:none!important}@media(min-height:900px){.graph-container{gap:120px}.leaf-nodes{gap:50px;margin-top:50px}}#projects-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:30;overflow-y:auto;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(150vh);transition:transform 2s cubic-bezier(.22,1,.36,1),opacity 2s ease,filter 2s ease;will-change:transform}.projects-container{padding:100px 20px 20vh;max-width:1200px;margin:0 auto;pointer-events:auto;width:90%;min-height:100%;scrollbar-width:none;-ms-overflow-style:none}.projects-container::-webkit-scrollbar{display:none}.section-title{font-family:JetBrains Mono,monospace;font-size:2.5rem;color:var(--accent);margin-bottom:40px;border-bottom:2px solid #e2e8f0;padding-bottom:15px}.project-category{margin-bottom:50px}.project-category h3{font-family:JetBrains Mono,monospace;font-size:1.5rem;color:#e2e8f0;margin-bottom:20px;padding-left:10px;border-left:4px solid var(--accent);display:flex;align-items:center;gap:10px}.project-category:last-child{margin-bottom:80px}.category-arrow{font-size:1.2rem;color:var(--accent);opacity:.8;transition:transform .3s ease}.project-category h3:hover .category-arrow{transform:translate(5px);opacity:1}.projects-scroll-row{display:flex;gap:20px;overflow-x:auto;padding:40px 10px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.projects-scroll-row::-webkit-scrollbar{display:none}.project-card{width:260px;min-width:260px;max-width:260px;height:260px;background:transparent;border:none;box-shadow:none;padding:0;cursor:pointer;position:relative;z-index:1;box-sizing:border-box;flex:0 0 260px}.project-card:hover{transform:none;box-shadow:none;background:transparent;border:none;z-index:100}.card-inner{position:relative;width:100%;height:100%;text-align:left;transition:transform .3s ease,box-shadow .3s ease;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a}.project-card:hover .card-inner{transform:translateY(-10px);box-shadow:0 10px 25px -5px #0000004d}.card-front,.card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;overflow:hidden;background-color:#050810;border:1px solid rgba(255,255,255,.03);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease}.card-front{display:flex;flex-direction:column;background:#0b1121;box-shadow:inset -30px -30px 60px #ffffff08}.card-front:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#38bdf8,#38bdf800 40%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2;filter:drop-shadow(0 0 3px rgba(56,189,248,.7))}.card-front:after{content:"View Details >";position:absolute;bottom:12px;left:50%;width:100%;text-align:center;font-size:.85rem;color:var(--accent);font-family:JetBrains Mono,monospace;opacity:0;transform:translate(-50%) translateY(10px);transition:all .3s ease}.project-card:hover .card-front:after{opacity:1;transform:translate(-50%) translateY(0)}.card-front-content{height:100%;padding:25px 20px 50px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;background:transparent}.card-title{font-family:JetBrains Mono,monospace;font-size:1.3rem;color:var(--accent);margin:0 0 12px;font-weight:700;order:1}.card-tech{width:100%;padding:0;margin-bottom:0;order:3}.tech-list{margin:0;padding:0;list-style-type:none;display:flex;flex-wrap:wrap;gap:8px;width:100%}.tech-list li{margin:0;padding:4px 12px;border:1px solid rgba(255,255,255,.15);border-radius:20px;font-size:.75rem;color:var(--text-muted);background:#ffffff08;font-family:JetBrains Mono,monospace;display:inline-flex;align-items:center}.tech-list li:before{display:none}.card-desc{font-size:.9rem;color:var(--text-muted);margin:0 0 20px;line-height:1.4;font-weight:400;order:2;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-back{display:none}.card-back p{font-size:1rem;color:var(--text-muted);margin-bottom:20px;line-height:1.5}.more-btn{background:#e65c00;color:#fff;border:none;padding:10px 20px;border-radius:30px;font-size:.9rem;cursor:pointer;font-weight:900;transition:transform .3s ease;box-shadow:inset 0 3px 6px #0006;display:flex;align-items:center;gap:8px}.more-btn:hover{transform:translateY(-3px);box-shadow:inset 0 3px 6px #0006}.more-btn:active{transform:translateY(1px);box-shadow:inset 0 5px 8px #00000080}.more-btn:after{content:"→";font-size:1.1em}.card-footer-tags{display:none}.projects-scroll-row{display:flex;gap:20px;flex-wrap:wrap;overflow:hidden;padding:20px 10px;justify-content:flex-start;max-height:340px}.category-arrow{font-size:1.8rem;color:var(--accent);opacity:.8;transition:transform .3s ease;margin-left:15px;vertical-align:middle}.project-category h3{cursor:pointer;transition:color .3s ease}.project-category h3:hover{color:var(--highlight-text)}#sector-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:40;background:#050810;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-y:auto;padding:0 40px;transform:translateY(150vh);transition:transform .5s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;align-items:center}#sector-overlay.active{transform:translateY(0)}.sector-header{width:100%;max-width:1200px;display:flex;justify-content:center;align-items:center;margin-bottom:50px;position:relative;margin-top:0;padding-bottom:5px;padding-top:30px}.sector-title{font-family:JetBrains Mono,monospace;font-size:2.5rem;color:#fff;margin:0}.back-btn{background:transparent;border:none;color:var(--accent);padding:0;font-family:JetBrains Mono,monospace;font-size:1rem;cursor:pointer;transition:opacity .3s ease;z-index:50;font-weight:700;display:flex;align-items:center;gap:8px}.back-btn:hover{background:transparent;color:var(--accent);opacity:.8}.sector-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:40px;padding:20px 20px 60px;width:100%}.sector-grid .project-card{width:100%;max-width:100%;height:260px;opacity:0;transform:translateY(30px)}.project-card.slide-up{animation:slideUpFade .6s cubic-bezier(.2,.8,.2,1) forwards}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}.ui-hidden{opacity:0!important;pointer-events:none!important;transition:opacity .4s ease}#project-details-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:60;background:#1e293b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-y:auto;transform:translate(100%);transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column}#project-details-overlay.active{transform:translate(0)}.details-content-wrapper{max-width:1000px;width:100%;margin:0 auto;padding:40px 30px 100px}.details-back-btn{position:fixed;top:30px;left:30px;background:transparent;border:none;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:1rem;cursor:pointer;z-index:70;display:flex;align-items:center;gap:8px;transition:opacity .3s}.details-back-btn:hover{opacity:.8}.details-header{margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;text-align:center}.details-title{font-family:JetBrains Mono,monospace;font-size:3rem;color:#fff;margin:0 0 15px}.details-grid{display:grid;grid-template-columns:2fr 1fr;gap:50px;margin-bottom:60px}@media(max-width:768px){.details-grid{grid-template-columns:1fr;gap:30px}.details-title{font-size:2rem}}.details-section{margin-bottom:30px}.details-section h3{font-family:JetBrains Mono,monospace;color:var(--accent);font-size:1.2rem;margin-bottom:10px;display:flex;align-items:center;gap:10px}.details-section h3:before{content:"//";color:#ffffff4d}.details-goal{font-size:1.05rem;color:#94a3b8;line-height:1.7;font-style:italic;border-left:3px solid var(--accent);padding-left:20px;margin-bottom:10px;text-indent:0!important}.details-desc,.details-overview,.details-how-it-works,.details-key-features,.details-limitations{font-family:Roboto,sans-serif;font-size:1.05rem;line-height:1.7;word-spacing:1.5px;letter-spacing:.3px;color:#fff;margin-bottom:15px}.details-section p{font-family:Roboto,sans-serif;font-size:1.05rem;line-height:1.7;word-spacing:1.5px;letter-spacing:.3px;color:#fff;margin-bottom:15px;text-indent:2.5rem}.details-list{font-family:Roboto,sans-serif;font-size:1.05rem;line-height:1.7;word-spacing:1.5px;letter-spacing:.3px;color:#fff;margin-bottom:20px;padding-left:20px;list-style-type:none}.details-list li{margin-bottom:10px;position:relative;padding-left:15px}.details-list li:before{content:"▪";color:var(--accent);position:absolute;left:0;top:-2px;font-size:1.2rem}.details-sidebar{background:#1e293b80;padding:30px;border-radius:12px;height:fit-content;border:1px solid rgba(255,255,255,.05)}.meta-item{margin-bottom:25px}.meta-item:last-child{margin-bottom:0}.meta-label{display:block;font-size:.85rem;color:var(--accent);font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.meta-value{font-family:JetBrains Mono,monospace;font-size:.95rem;color:#cbd5e1}.details-screenshots h3{font-family:JetBrains Mono,monospace;color:#fff;margin-bottom:25px;font-size:1.5rem}.screenshots-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:80px}.screenshot-placeholder{aspect-ratio:16/9;background:#1e293b;border:2px dashed #334155;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:.9rem}.details-cta{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.cta-btn{background:#e65c00;color:#fff;border:none;padding:10px 20px;font-size:.95rem;font-weight:400;border-radius:30px;cursor:pointer;transition:transform .3s ease;box-shadow:inset 0 3px 6px #0006}.cta-btn:hover{transform:translateY(-3px);box-shadow:inset 0 3px 6px #0006}.cta-btn:active{transform:translateY(1px);box-shadow:inset 0 5px 8px #00000080}.project-category h3{display:flex;align-items:center;padding-right:15px}.project-count{margin-left:auto;font-size:.8rem!important;opacity:.6!important;font-weight:400}@media(max-height:1000px)and (min-width:769px){.projects-container{margin-top:10px}#sector-overlay .sector-header{margin-top:20px;margin-bottom:30px}.sector-grid{gap:30px 20px}}#contact-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:40;display:flex;justify-content:center;align-items:center;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(150vh);transition:transform 2s cubic-bezier(.22,1,.36,1),opacity 2s ease,filter 2s ease;will-change:transform}.contact-container{pointer-events:auto;perspective:1000px;position:relative}.contact-container .bg-dots-container,.contact-container .bg-dot{display:none!important}.contact-card{background:#0f172a66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:40px;border:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.25);width:600px;min-height:550px;box-shadow:0 20px 40px #0003,inset 0 0 20px #ffffff0d;padding:50px;display:flex;flex-direction:column;align-items:center;gap:20px;transform-style:preserve-3d;transition:transform .3s ease;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}.contact-card:after{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.8),transparent,rgba(255,255,255,.3))}.contact-title{font-family:JetBrains Mono,monospace;font-size:1.8rem;color:#f1f5f9;margin:0;font-weight:700;text-shadow:0 0 10px rgba(56,189,248,.3)}.lottie-container{width:100%;display:flex;justify-content:center;align-items:center;margin:5px 0;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.input-group{width:100%;display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.contact-input{width:100%;padding:12px 16px;border:1px solid #475569;background:#0f172a99;border-radius:12px;font-family:JetBrains Mono,monospace;font-size:.95rem;color:#f1f5f9;outline:none;transition:all .2s ease;opacity:0;transform:translateY(20px)}.contact-input:focus{background:#0f172ae6;border-color:var(--primary);box-shadow:0 0 0 3px #38bdf833}.contact-textarea{resize:none;height:180px}.send-btn{padding:12px 40px;font-family:Roboto,sans-serif;font-size:1rem;font-weight:900;color:#fff;background:#e65c00;border:none;border-radius:30px;cursor:pointer;transition:transform .3s ease;box-shadow:inset 0 3px 6px #0006;position:relative;overflow:hidden;z-index:10;align-self:center;margin-top:10px;width:auto}.send-btn:hover{transform:translateY(-3px);box-shadow:inset 0 3px 6px #0006}.send-btn:active{transform:translateY(1px);box-shadow:inset 0 5px 8px #00000080}.social-links-row{display:flex;justify-content:center;gap:25px;align-items:center;width:100%;margin-top:15px;padding:0 5px}.social-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1e293b;color:var(--text-muted);box-shadow:0 4px 6px -1px #0000004d;transition:all .3s cubic-bezier(.175,.885,.32,1.275);opacity:0;transform:translateY(40px) scale(.5);text-decoration:none;border:1px solid rgba(255,255,255,.05)}.social-icon svg{width:28px;height:28px}.social-icon:hover{transform:translateY(-5px) scale(1.15)!important;filter:brightness(1.2);border-color:#fff3}.social-icon[data-name=telegram]:hover{color:var(--primary);background:#38bdf826;box-shadow:none}.social-icon[data-name=whatsapp]:hover{color:#4ade80;background:#4ade8026;box-shadow:none}.social-icon[data-name=github]:hover{color:var(--text-main);background:#ffffff26;box-shadow:none}.social-icon[data-name=linkedin]:hover{color:#60a5fa;background:#60a5fa26;box-shadow:none}.social-icon[data-name=fiverr]:hover{color:#22c55e;background:#22c55e26;box-shadow:none}.contact-visible .social-icon{animation:iconPopUp .6s cubic-bezier(.175,.885,.32,1.275) forwards}.contact-visible .contact-input{animation:inputPopUp .6s ease forwards}.contact-visible .contact-input:nth-child(1){animation-delay:.1s}.contact-visible .contact-input:nth-child(2){animation-delay:.2s}.contact-visible .social-icon:nth-child(1){animation-delay:.3s}.contact-visible .social-icon:nth-child(2){animation-delay:.4s}.contact-visible .social-icon:nth-child(3){animation-delay:.5s}.contact-visible .social-icon:nth-child(4){animation-delay:.6s}.contact-visible .social-icon:nth-child(5){animation-delay:.7s}@keyframes inputPopUp{to{opacity:1;transform:translateY(0)}}@keyframes iconPopUp{to{opacity:1;transform:translateY(0) scale(1)}}.contact-decoration-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:-1;pointer-events:none;overflow:visible}.deco-shape{position:absolute;border-radius:50%;z-index:1;filter:blur(0px);transition:transform .2s ease-out}.shape-orb-orange{width:180px;height:180px;background:radial-gradient(circle at 30% 30%,#ff8a50,#ff3d00 40%,#bf360c 85%,#3e1b09);box-shadow:0 20px 50px #00000080,inset -10px -10px 20px #00000080;top:40%;left:50%;transform:translate(-380px,-340px);animation:floatOrb1 8s ease-in-out infinite alternate}.shape-orb-blue{width:60px;height:60px;background:radial-gradient(circle at 30% 30%,#448aff,#2962ff,#0d47a1);box-shadow:0 10px 30px #0006,inset -5px -5px 10px #0000004d;top:40%;left:50%;transform:translate(250px,-250px);z-index:1;animation:floatOrb2 10s ease-in-out infinite alternate}.shape-ring-gold{width:80px;height:80px;border-radius:50%;background:transparent;border:12px solid #d97706;border-top-color:#fcd34d;border-bottom-color:#92400e;border-left-color:#b45309;border-right-color:#b45309;box-shadow:0 10px 20px #0000004d;top:50%;left:50%;transform:translate(-340px,180px) rotateX(30deg) rotateY(-20deg) skew(10deg);animation:floatRing 12s ease-in-out infinite alternate}@keyframes floatOrb1{0%{transform:translate(-380px,-340px) translateY(0)}to{transform:translate(-380px,-340px) translateY(20px)}}@keyframes floatOrb2{0%{transform:translate(250px,-250px) translateY(0)}to{transform:translate(250px,-250px) translateY(-15px)}}@keyframes floatRing{0%{transform:translate(-340px,180px) rotateX(30deg) rotateY(-20deg) skew(10deg) translateY(0)}to{transform:translate(-340px,180px) rotateX(40deg) rotateY(-10deg) skew(10deg) translateY(10px)}}.shape-orb-yellow{width:250px;height:250px;background:radial-gradient(circle at 30% 30%,#fde047,#eab308 40%,#a16207 85%,#422006);box-shadow:0 20px 50px #00000080,inset -10px -10px 20px #00000080;top:50%;left:50%;transform:translate(180px,180px);z-index:1;animation:floatOrb3 8s ease-in-out infinite alternate}@keyframes floatOrb3{0%{transform:translate(180px,180px) translateY(0)}to{transform:translate(180px,180px) translateY(-25px)}}@media(max-height:1000px)and (min-width:769px){.contact-container{transform:scale(.75);transform-origin:top center;margin-top:150px}}