:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#000}.app{position:relative;width:100vw;height:100vh;background:linear-gradient(45deg,#0f0f23,#1a1a3a,#2d1b69,#11998e);background-size:400% 400%;animation:gradientFlow 15s ease infinite;overflow:hidden}.background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.particle{position:absolute;background:#fff6;border-radius:50%;box-shadow:0 0 6px #ffffff4d;animation:simpleGlow 4s ease-in-out infinite alternate;will-change:transform,opacity}@keyframes simpleGlow{0%{opacity:.2;transform:scale(1)}to{opacity:.6;transform:scale(1.1)}}.shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.shape{position:absolute;background:linear-gradient(45deg,#ffffff1a,#64c8ff33);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a,inset 0 0 20px #ffffff1a}.shape-1{width:120px;height:120px;top:15%;left:8%;border-radius:50%;animation:advancedFloat1 8s ease-in-out infinite}.shape-2{width:80px;height:80px;top:65%;right:12%;transform:rotate(45deg);animation:advancedFloat2 10s ease-in-out infinite;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.shape-3{width:140px;height:60px;top:25%;right:20%;border-radius:30px;animation:advancedFloat3 9s ease-in-out infinite}.shape-4{width:70px;height:70px;bottom:25%;left:15%;clip-path:polygon(50% 0%,0% 100%,100% 100%);animation:advancedFloat4 7s ease-in-out infinite}@keyframes advancedFloat1{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-30px) rotate(90deg) scale(1.1)}50%{transform:translateY(-20px) rotate(180deg) scale(.9)}75%{transform:translateY(-40px) rotate(270deg) scale(1.05)}}@keyframes advancedFloat2{0%,to{transform:translate(0) rotate(45deg) scale(1)}33%{transform:translate(25px) rotate(135deg) scale(1.2)}66%{transform:translate(-15px) rotate(225deg) scale(.8)}}@keyframes advancedFloat3{0%,to{transform:translateY(0) translate(0) rotate(0)}20%{transform:translateY(-25px) translate(20px) rotate(72deg)}40%{transform:translateY(-10px) translate(35px) rotate(144deg)}60%{transform:translateY(-35px) translate(10px) rotate(216deg)}80%{transform:translateY(-15px) translate(-10px) rotate(288deg)}}@keyframes advancedFloat4{0%,to{transform:translateY(0) scale(1) rotate(0)}50%{transform:translateY(-45px) scale(1.3) rotate(180deg)}}.main-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;text-align:center}.main-title{font-size:9rem;font-weight:900;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,#fd79a8,#fdcb6e);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:enhancedGradientShift 4s ease-in-out infinite,advancedTitleFloat 6s ease-in-out infinite;text-shadow:0 0 50px rgba(255,255,255,.6),0 0 100px rgba(100,200,255,.4);letter-spacing:.15em;margin-bottom:2rem;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));position:relative}.main-title:before{content:"j3dek";position:absolute;top:0;left:0;background:linear-gradient(45deg,#ffffff1a,#64c8ff33);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textGlow 3s ease-in-out infinite alternate;z-index:-1}@keyframes enhancedGradientShift{0%,to{background-position:0% 50%;transform:perspective(500px) rotateX(0)}25%{background-position:100% 0%;transform:perspective(500px) rotateX(5deg)}50%{background-position:100% 100%;transform:perspective(500px) rotateX(0)}75%{background-position:0% 100%;transform:perspective(500px) rotateX(-5deg)}}@keyframes advancedTitleFloat{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-15px) scale(1.02)}66%{transform:translateY(-8px) scale(.98)}}@keyframes textGlow{0%{filter:blur(5px);opacity:.5}to{filter:blur(10px);opacity:.8}}.subtitle{font-size:1.8rem;background:linear-gradient(45deg,#ffffffe6,#64c8ffcc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:300;letter-spacing:.3em;animation:subtitleFloat 4s ease-out infinite,subtitleGlow 3s ease-in-out infinite alternate;margin-bottom:3rem;text-shadow:0 0 20px rgba(255,255,255,.3)}@keyframes subtitleFloat{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(-10px);opacity:1}}@keyframes subtitleGlow{0%{text-shadow:0 0 10px rgba(255,255,255,.2)}to{text-shadow:0 0 30px rgba(100,200,255,.5)}}.navigation-buttons{display:flex;gap:2rem;justify-content:center;margin-top:3rem}.nav-button{position:relative;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 8px 32px #0000001a}.nav-button:hover{transform:translateY(-5px) scale(1.05);background:#ffffff1a;border-color:#fff6;box-shadow:0 15px 50px #0003}.btn-text{position:relative;z-index:2;transition:all .3s ease}.btn-glow{position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s ease;border-radius:50px}.nav-button:hover .btn-glow{transform:translate(100%)}.portfolio-btn{background:linear-gradient(45deg,#ff6b6b1a,#4ecdc41a);border-color:#ff6b6b4d;animation:portfolioPulse 3s ease-in-out infinite}.portfolio-btn:hover{background:linear-gradient(45deg,#ff6b6b33,#4ecdc433);border-color:#ff6b6b80;box-shadow:0 15px 50px #ff6b6b4d}.projects-btn{background:linear-gradient(45deg,#45b7d11a,#96ceb41a);border-color:#45b7d14d;animation:projectsPulse 3s ease-in-out infinite;animation-delay:1.5s}.projects-btn:hover{background:linear-gradient(45deg,#45b7d133,#96ceb433);border-color:#45b7d180;box-shadow:0 15px 50px #45b7d14d}@keyframes portfolioPulse{0%,to{box-shadow:0 8px 32px #0000001a,0 0 #ff6b6b66}50%{box-shadow:0 8px 32px #0000001a,0 0 0 10px #ff6b6b00}}@keyframes projectsPulse{0%,to{box-shadow:0 8px 32px #0000001a,0 0 #45b7d166}50%{box-shadow:0 8px 32px #0000001a,0 0 0 10px #45b7d100}}@media (max-width: 768px){.main-title{font-size:5rem}.subtitle{font-size:1.2rem}.navigation-buttons{flex-direction:column;gap:1rem;align-items:center}.nav-button{width:200px;padding:.8rem 2rem;font-size:1rem}}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6;animation:enhancedOrbFloat 12s ease-in-out infinite;mix-blend-mode:screen}.orb-1{width:400px;height:400px;background:radial-gradient(circle,#ff6b6b,#ff8e8e,transparent);top:-200px;left:-200px;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,#4ecdc4,#7dd3c0,transparent);bottom:-250px;right:-250px;animation-delay:4s}.orb-3{width:350px;height:350px;background:radial-gradient(circle,#45b7d1,#74c7ec,transparent);top:30%;left:-175px;animation-delay:8s}@keyframes enhancedOrbFloat{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(100px,-50px) scale(1.2) rotate(90deg)}50%{transform:translate(50px,100px) scale(.8) rotate(180deg)}75%{transform:translate(-80px,30px) scale(1.1) rotate(270deg)}}@media (max-width: 768px){.main-title{font-size:4rem}.subtitle{font-size:1rem}.pulse-circle{width:150px;height:150px}}html,body{overflow:hidden;width:100%;height:100vh}.projects-container{position:relative;height:100vh;width:100vw;background:linear-gradient(45deg,#0f0f23,#1a1a3a,#2d1b69,#11998e);background-size:400% 400%;animation:gradientFlow 15s ease infinite;padding:1rem 0;overflow:hidden;box-sizing:border-box;transition:all .6s cubic-bezier(.25,.46,.45,.94)}.projects-container.shifted{padding-right:35%}.projects-main-content{position:relative;z-index:10;width:100%;transition:all .4s ease}.projects-container.shifted .projects-main-content{opacity:.9}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.projects-background{position:fixed;top:0;left:0;width:100vw;height:100%;z-index:1;pointer-events:none}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:bgOrbFloat 20s ease-in-out infinite;mix-blend-mode:screen}.bg-orb-1{width:300px;height:300px;background:radial-gradient(circle,#ff6b6b,transparent);top:10%;left:10%;animation-delay:0s}.bg-orb-2{width:400px;height:400px;background:radial-gradient(circle,#4ecdc4,transparent);top:60%;right:10%;animation-delay:7s}.bg-orb-3{width:250px;height:250px;background:radial-gradient(circle,#45b7d1,transparent);bottom:20%;left:30%;animation-delay:14s}@keyframes bgOrbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-30px) scale(1.1)}66%{transform:translate(-30px,40px) scale(.9)}}.projects-header{position:relative;z-index:10;text-align:center;margin-bottom:2rem;max-width:1400px;margin-left:auto;margin-right:auto;padding:0 2rem}.back-button{position:absolute;top:0;left:0;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50px;padding:.8rem 1.5rem;color:#fff;font-size:1rem;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;gap:.5rem;box-shadow:0 8px 32px #0000001a}.back-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px) scale(1.05);box-shadow:0 12px 40px #0003}.back-button span:first-child{font-size:1.2rem;transition:transform .3s ease}.back-button:hover span:first-child{transform:translate(-5px)}.projects-title{font-size:3rem;font-weight:900;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease-in-out infinite;margin-bottom:.5rem;text-shadow:0 0 50px rgba(255,255,255,.3)}.projects-subtitle{font-size:1.2rem;color:#fffc;font-weight:300;letter-spacing:.1em}.projects-grid{position:relative;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1rem;max-width:1400px;margin:0 auto;width:100%;padding:0 2rem}.project-card{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:1rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden;box-shadow:0 8px 32px #0000001a;height:100%;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-10px) scale(1.02);background:#ffffff1a;border-color:#ffffff4d;box-shadow:0 20px 60px #0000004d}.project-image{width:60px;height:60px;background:linear-gradient(45deg,#ffffff1a,#64c8ff33);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;border:2px solid rgba(255,255,255,.2);transition:all .3s ease;flex-shrink:0}.project-card:hover .project-image{transform:scale(1.1) rotate(5deg);box-shadow:0 10px 30px #0003}.project-emoji{font-size:2rem}.project-title{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1.2;flex-shrink:0}.project-description{color:#fffc;line-height:1.4;margin-bottom:1rem;font-size:.85rem;flex-grow:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.project-technologies{display:flex;flex-wrap:wrap;gap:.3rem;flex-shrink:0}.tech-tag{background:linear-gradient(135deg,#ffffff26,#ffffff14);border:1px solid rgba(255,255,255,.3);border-radius:15px;padding:.2rem .6rem;font-size:.7rem;color:#fffffff2;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000001a}.project-card:hover .tech-tag,.sidebar-section:hover .tech-tag{background:linear-gradient(135deg,#ffffff40,#ffffff26);border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 6px 20px #0003}.project-overlay{position:absolute;inset:0;background:linear-gradient(45deg,#ff6b6bcc,#4ecdc4cc);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem;opacity:0;transition:all .3s ease;border-radius:15px;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:scale(.9)}.project-card:hover .project-overlay{opacity:1;transform:scale(1)}.project-sidebar{position:fixed;top:0;right:0;width:35%;height:100vh;background:linear-gradient(135deg,#0f0f23fa,#1a1a3af2 30%,#2d1b69eb 70%,#11998ee6);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-left:3px solid;border-image:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1) 1;z-index:1000;transform:translate(100%);animation:slideInRight .6s cubic-bezier(.25,.46,.45,.94) forwards;overflow:hidden;box-shadow:-10px 0 50px #00000080}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.sidebar-content{padding:1.5rem;height:100vh;position:relative;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.sidebar-close{position:absolute;top:1.5rem;right:1.5rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,255,255,.2);border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;color:#fffc;font-size:1.2rem;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 20px #0003;overflow:hidden}.sidebar-close:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:linear-gradient(45deg,#ff6b6b4d,#4ecdc44d);border-radius:50%;transition:all .4s ease;transform:translate(-50%,-50%);z-index:-1}.sidebar-close:hover{background:linear-gradient(135deg,#ff6b6b33,#4ecdc433);border-color:#fff6;color:#fff;transform:scale(1.1);box-shadow:0 8px 30px #ff6b6b4d}.sidebar-close:hover:before{width:100%;height:100%}.sidebar-close:active{transform:scale(.95);transition:transform .1s ease}.sidebar-header{text-align:center;margin-bottom:1rem;padding-top:1rem;flex-shrink:0}.sidebar-image{width:70px;height:70px;background:linear-gradient(135deg,#ff6b6b4d,#4ecdc44d,#45b7d14d);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;border:3px solid;border-image:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1) 1;animation:sidebarImageFloat 3s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 15px 40px #0000004d}@keyframes sidebarImageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sidebar-emoji{font-size:2.2rem}.sidebar-title{font-size:1.6rem;font-weight:800;color:#fff;margin-bottom:.5rem;background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;animation:gradientShift 4s ease-in-out infinite;text-shadow:0 0 30px rgba(255,255,255,.3)}.sidebar-body{margin-top:1rem;flex-grow:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-height:0}.sidebar-description{color:#ffffffe6;line-height:1.5;margin-bottom:1rem;font-size:.95rem;text-align:justify;flex-shrink:0}.sidebar-section{margin-bottom:1rem;padding:1rem;background:linear-gradient(135deg,#ffffff14,#ffffff0d,#ffffff08);border-radius:15px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0003;transition:all .3s ease;flex-shrink:0}.sidebar-section:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff14,#ffffff0d);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 12px 40px #0000004d}.sidebar-section-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.8rem;padding-bottom:.3rem;border-bottom:2px solid;border-image:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1) 1;text-shadow:0 0 20px rgba(255,255,255,.3)}.sidebar-features{list-style:none;padding:0}.sidebar-features li{color:#ffffffe6;margin-bottom:.5rem;padding-left:1.2rem;position:relative;line-height:1.4;transition:all .3s ease;font-size:.9rem}.sidebar-features li:before{content:"✨";position:absolute;left:0;top:0;font-size:1rem;filter:drop-shadow(0 0 8px rgba(255,255,255,.6));animation:sparkle 2s ease-in-out infinite}.sidebar-features li:hover{color:#fff;transform:translate(5px);text-shadow:0 0 15px rgba(255,255,255,.5)}@keyframes sparkle{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(255,255,255,.6))}50%{transform:scale(1.2);filter:drop-shadow(0 0 12px rgba(255,255,255,.8))}}.sidebar-actions{margin-top:1rem;display:flex;flex-direction:column;gap:.8rem;flex-shrink:0;position:sticky;bottom:0;background:linear-gradient(135deg,#0f0f23fa,#1a1a3af2 30%,#2d1b69eb 70%,#11998ee6);padding:1rem 0 0;border-radius:10px 10px 0 0}.sidebar-button{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem 1.5rem;border-radius:40px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .4s cubic-bezier(.25,.46,.45,.94);border:2px solid;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.sidebar-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.sidebar-button:hover:before{left:100%}.sidebar-button.demo-button{background:linear-gradient(135deg,#ff6b6b4d,#4ecdc44d);border-color:#ff6b6b99;color:#fff;box-shadow:0 8px 25px #ff6b6b33}.sidebar-button.demo-button:hover{background:linear-gradient(135deg,#ff6b6b99,#4ecdc499);transform:translateY(-3px);box-shadow:0 15px 40px #ff6b6b66;border-color:#ff6b6bcc}.sidebar-button.github-button{background:linear-gradient(135deg,#ffffff26,#96ceb426);border-color:#fff6;color:#fff;box-shadow:0 8px 25px #ffffff1a}.sidebar-button.github-button:hover{background:linear-gradient(135deg,#ffffff40,#96ceb440);transform:translateY(-3px);box-shadow:0 15px 40px #fff3;border-color:#fff9}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width: 1600px){.projects-container.shifted{padding-right:40%}.project-sidebar{width:40%}.projects-grid{max-width:1200px}}@media (max-width: 1400px){.projects-container.shifted{padding-right:42%}.project-sidebar{width:42%}.sidebar-content{padding:1.2rem}.sidebar-title{font-size:1.4rem}}@media (max-width: 1200px){.projects-container.shifted{padding-right:45%}.project-sidebar{width:45%}.projects-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:.8rem;max-width:1000px}.sidebar-body{overflow-y:auto}.sidebar-features{max-height:200px;overflow-y:auto}}@media (max-width: 1024px){.projects-container.shifted{padding-right:50%}.project-sidebar{width:50%}.projects-title{font-size:2.5rem}.projects-grid{max-width:900px;gap:.7rem}.project-card{padding:.9rem}.sidebar-actions{position:sticky;bottom:0;background:inherit;padding-top:1rem;margin-top:auto}}@media (max-width: 900px){.projects-container.shifted{padding-right:55%}.project-sidebar{width:55%}.projects-grid{max-width:800px}}@media (max-width: 768px){.projects-container{padding:.5rem 0;overflow-y:auto;overflow-x:hidden}.projects-container.shifted{padding-right:0}.projects-header{padding:0 1rem;margin-bottom:1rem}.projects-title{font-size:2rem}.projects-subtitle{font-size:1rem}.projects-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:.5rem;padding:0 1rem;height:auto;min-height:auto}.project-card{padding:.8rem;min-height:200px}.project-image{width:40px;height:40px;margin-bottom:.5rem}.project-emoji{font-size:1.5rem}.project-title{font-size:1rem;margin-bottom:.3rem}.project-description{font-size:.75rem;margin-bottom:.5rem;-webkit-line-clamp:2;line-clamp:2}.tech-tag{font-size:.6rem;padding:.1rem .4rem}.project-sidebar{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:2000;right:auto;border-left:none;border-top:3px solid;border-image:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1) 1}.sidebar-content{padding:1rem;height:100vh}.sidebar-close{top:1rem;right:1rem;width:40px;height:40px;font-size:1.1rem}.sidebar-title{font-size:1.3rem}.sidebar-actions{margin-top:1rem;position:static;background:transparent;padding:0}.back-button{position:relative;margin-bottom:2rem;padding:.6rem 1.2rem;font-size:.9rem}.more-projects-soon{margin-top:2rem;padding:1rem 0}}.more-projects-soon{margin-top:4rem;text-align:center;padding:2rem 0}.animated-text{font-size:1.5rem;font-weight:300;color:#fffc;margin:0;background:linear-gradient(45deg,#64b5f6,#81c784,#ffb74d,#f06292,#ba68c8);background-size:300% 300%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textGradient 3s ease-in-out infinite,fadeInOut 2s ease-in-out infinite;letter-spacing:.1em;text-transform:lowercase}@keyframes textGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 768px){.animated-text{font-size:1.2rem;letter-spacing:.05em}.more-projects-soon{margin-top:2rem;padding:1rem 0}}@media (max-width: 480px){.animated-text{font-size:1rem}.projects-title{font-size:1.8rem}.projects-subtitle{font-size:.9rem}.project-card{padding:.6rem;min-height:180px}.project-title{font-size:.9rem}.project-description{font-size:.7rem}.tech-tag{font-size:.55rem;padding:.05rem .3rem}.sidebar-button{padding:.7rem 1.2rem;font-size:.8rem}.back-button{padding:.5rem 1rem;font-size:.8rem}}@media (min-width: 769px) and (max-width: 1366px){.projects-container.shifted{padding-right:45%}.project-sidebar{width:45%}.sidebar-actions{position:sticky;bottom:0}.sidebar-body{max-height:calc(100vh - 300px);overflow-y:auto}}@media (min-width: 1920px){.projects-grid{max-width:1600px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.projects-container.shifted{padding-right:30%}.project-sidebar{width:30%}}