.header{position:fixed;top:1rem;left:1rem;right:1rem;z-index:1000;padding:1rem 2rem;background:#0006;-webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff14}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.logo-container{display:flex;align-items:center;gap:.75rem}.logo-icon-link{display:flex;align-items:center;text-decoration:none;transition:transform .3s ease}.logo-icon-link:hover{transform:translateY(-2px)}.logo-icon{display:flex;align-items:center;justify-content:center;width:55px;height:55px}.logo-text-link{display:flex;align-items:center;text-decoration:none;transition:transform .3s ease}.logo-text-link:hover{transform:scale(1.05)}.junkeh-logo-img{width:200px;height:auto;max-height:36px;object-fit:contain;transition:transform .3s ease}.cloud-logo-img{width:55px;height:55px;object-fit:contain;transition:transform .3s ease}.nav{display:flex;gap:1rem}.nav-link{position:relative;padding:.75rem 1.25rem;text-decoration:none;color:var(--text-secondary);font-weight:500;border-radius:8px;transition:all .3s ease;overflow:hidden}.nav-link:hover{color:var(--text-primary);background:#ffffff14;transform:translateY(-2px)}.nav-link.active{color:var(--text-primary);position:relative}.nav-link.active:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;background:#6c5ce733;-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);border:1.5px solid rgba(108,92,231,.4);border-radius:14px;z-index:1;box-shadow:0 6px 25px #6c5ce74d,inset 0 1px #fff3,inset 0 -1px #6c5ce733}.nav-link.active span{position:relative;z-index:2;filter:blur(.3px);text-shadow:0 0 8px rgba(255,255,255,.6)}.nav-link.active:hover{transform:translateY(-2px)}.nav-link.active:hover:before{background:#6c5ce74d;border-color:#6c5ce780;-webkit-backdrop-filter:blur(18px) saturate(200%);backdrop-filter:blur(18px) saturate(200%)}.nav-link-content{display:flex;align-items:center;gap:.5rem}.nav-icon{display:flex;align-items:center;justify-content:center}.nav-text{display:block}@media (max-width: 768px){.nav{gap:.25rem}.nav-link{padding:.5rem .75rem;font-size:.85rem}.nav-text{font-size:.8rem}}@media (max-width: 480px){.header{top:0;left:0;right:0;padding:.5rem 1rem;border-radius:0;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);background:#0009}.nav{gap:.125rem}.nav-link{padding:.625rem .5rem;min-width:44px;min-height:44px;justify-content:center;border-radius:12px;transition:all .3s ease}.nav-link:hover{background:#ffffff1a;transform:none}.nav-link.active:before{top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:12px;-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%)}.nav-text{display:none}.nav-icon{display:flex}.logo-container{gap:.4rem}.junkeh-logo-img{width:120px;max-height:22px}.cloud-logo-img,.logo-icon{width:38px;height:38px}}.nav-dropdown{position:relative;display:inline-block}.dropdown-trigger{cursor:pointer}.dropdown-arrow{display:flex;align-items:center;margin-left:.25rem;color:var(--text-secondary);transition:color .3s ease}.nav-link:hover .dropdown-arrow,.nav-link.active .dropdown-arrow{color:var(--primary-purple)}.dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;min-width:160px;background:#000c;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.5rem 0;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;z-index:1000}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-primary);text-decoration:none;transition:all .3s ease;font-size:.85rem;font-weight:500}.dropdown-item:hover{background:#8a2be21a;color:var(--primary-purple)}.dropdown-item.active{background:#8a2be233;color:var(--primary-purple)}.dropdown-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .3s ease}.dropdown-item:hover .dropdown-icon,.dropdown-item.active .dropdown-icon{color:var(--primary-purple)}.dropdown-text{white-space:nowrap}@media (max-width: 768px){.dropdown-trigger .dropdown-arrow{position:absolute;top:2px;right:2px;font-size:8px}.dropdown-menu{top:calc(100% + .25rem);right:0;left:auto;min-width:140px}.dropdown-item{padding:.5rem .75rem;font-size:.8rem}.dropdown-trigger .nav-text{display:none}}.space-background{position:absolute;top:0;left:0;width:100%;height:100%;min-height:100vh;z-index:-1;background:radial-gradient(ellipse at center,#0a0a1a,#050510,#000);overflow:hidden}.stars-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.floating-object{position:absolute;border-radius:50%;filter:blur(1px);will-change:transform}.planet-1{width:80px;height:80px;top:20%;left:10%;background:radial-gradient(ellipse at 30% 25%,#74b9ffe6,#4a90e2cc,#2d64b4e6 60%,#193c78),linear-gradient(135deg,#87cefa4d,#4682b480,#193c78cc);box-shadow:0 0 25px #74b9ff4d,inset -8px -8px 15px #193c7880,inset 5px 5px 10px #add8e64d}.planet-2{width:60px;height:60px;top:60%;right:15%;background:radial-gradient(ellipse at 35% 30%,#ff8c69e6,#dc6446cc,#b44632e6 60%,#78281e),linear-gradient(45deg,#ffa0784d,#c8503c80,#78281ecc);box-shadow:0 0 20px #ff8c694d,inset -6px -6px 12px #78281e80,inset 4px 4px 8px #ffb48c4d}.nebula{width:200px;height:150px;top:40%;right:30%;background:radial-gradient(ellipse,#8b5cf64d,#6366f11a);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;filter:blur(2px)}.gradient-overlay{position:absolute;pointer-events:none}.gradient-1{top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(600px circle at 25% 25%,rgba(108,92,231,.15),transparent);animation:float 20s ease-in-out infinite}.gradient-2{bottom:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(400px circle at 75% 75%,rgba(0,212,255,.1),transparent);animation:float 15s ease-in-out infinite reverse}.space-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 160px 30px,rgba(255,255,255,.4),transparent);background-repeat:repeat;background-size:200px 100px;animation:twinkle 20s linear infinite;pointer-events:none}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.planet-3{width:70px;height:70px;top:30%;left:70%;background:radial-gradient(ellipse at 25% 20%,#ffc878e6,#dc7850cc,#b45028e6 60%,#8c3c14),linear-gradient(120deg,#ffdc8c4d,#c8643c80,#8c3c14cc);box-shadow:0 0 30px #ffc8784d,inset -7px -7px 14px #8c3c1499,inset 5px 5px 10px #ffdc8c4d}.planet-4{width:90px;height:90px;top:15%;right:20%;background:radial-gradient(ellipse at 35% 25%,#b4a0ffe6,#8c78dccc,#6450b4e6 60%,#3c2878),linear-gradient(160deg,#c8b4ff4d,#7864c880,#3c2878cc);box-shadow:0 0 35px #b4a0ff4d,inset -9px -9px 18px #3c287899,inset 6px 6px 12px #c8b4ff4d}.planet-5{width:50px;height:50px;top:70%;left:20%;background:radial-gradient(ellipse at 40% 30%,#78dcb4e6,#50b48ccc,#328c64e6 60%,#1e6446),linear-gradient(90deg,#96f0c84d,#46a07880,#1e6446cc);box-shadow:0 0 22px #78dcb44d,inset -5px -5px 10px #1e644699,inset 3px 3px 6px #96f0c84d}.planet-6{width:65px;height:65px;top:45%;left:85%;background:radial-gradient(ellipse at 30% 25%,#ffb4c8e6,#dc8ca0cc,#b46478e6 60%,#8c3c50),linear-gradient(45deg,#ffc8dc4d,#c8788c80,#8c3c50cc);box-shadow:0 0 28px #ffb4c84d,inset -6px -6px 12px #8c3c5099,inset 4px 4px 8px #ffc8dc4d}.planet-7{width:75px;height:75px;top:80%;right:40%;background:radial-gradient(ellipse at 25% 30%,#c8ffdce6,#a0dcb4cc,#78b48ce6 60%,#508c64),linear-gradient(225deg,#dcfff04d,#8cc8a080,#508c64cc);box-shadow:0 0 32px #c8ffdc4d,inset -7px -7px 14px #508c6499,inset 5px 5px 10px #dcfff04d}.shooting-stars{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.shooting-star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 10px #fffc}.shooting-star:before{content:"";position:absolute;top:50%;left:50%;width:50px;height:1px;background:linear-gradient(90deg,#fff0,#fffc);transform:translateY(-50%) translate(-50px)}.star-1{top:20%;left:-50px;animation:shooting 3s linear infinite}.star-2{top:40%;left:-50px;animation:shooting 4s linear infinite 1s}.star-3{top:60%;left:-50px;animation:shooting 5s linear infinite 2s}@keyframes shooting{0%{transform:translate(0) translateY(0);opacity:1}70%{opacity:1}to{transform:translate(calc(100vw + 100px)) translateY(-200px);opacity:0}}.particle-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:3px;height:3px;background:#74b9ff99;border-radius:50%;animation:float-particle 8s infinite ease-in-out}.particle-1{top:10%;left:10%;animation-delay:0s}.particle-2{top:20%;left:90%;animation-delay:1s}.particle-3{top:70%;left:20%;animation-delay:2s}.particle-4{top:80%;left:80%;animation-delay:3s}.particle-5{top:40%;left:30%;animation-delay:4s}.particle-6{top:60%;left:70%;animation-delay:5s}.particle-7{top:90%;left:50%;animation-delay:6s}.particle-8{top:30%;left:60%;animation-delay:7s}@keyframes float-particle{0%,to{transform:translateY(0) scale(1);opacity:.3}25%{transform:translateY(-20px) scale(1.2);opacity:.8}50%{transform:translateY(-40px) scale(.8);opacity:.5}75%{transform:translateY(-20px) scale(1.1);opacity:.7}}@media (max-width: 768px){.planet-1,.planet-2{width:60px;height:60px}.planet-3,.planet-4,.planet-5,.planet-6,.planet-7{width:50px;height:50px}.nebula{width:150px;height:100px}}.donation-footer{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:.75rem 1rem;background:#000000b3;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 20px #0000004d,inset 0 1px #ffffff0d}.donation-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.donation-info{flex:1;min-width:0}.donation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:1rem}.donation-title{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.donation-amount{font-size:.75rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.progress-container{display:flex;align-items:center;gap:.75rem}.progress-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;min-width:100px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-purple),var(--glow-blue));border-radius:3px;transition:width .3s ease;box-shadow:0 0 8px #8a2be266}.progress-fill.goal-reached{background:linear-gradient(90deg,gold,orange);box-shadow:0 0 12px #ffd70099;animation:progress-glow 1.5s ease-in-out infinite}@keyframes progress-glow{0%,to{box-shadow:0 0 12px #ffd70099}50%{box-shadow:0 0 20px #ffd700cc}}.progress-text{font-size:.7rem;color:var(--text-muted);font-weight:500;min-width:30px;text-align:right}.donate-button{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:linear-gradient(135deg,var(--primary-purple),var(--glow-blue));color:#fff;border:none;border-radius:8px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px #8a2be24d}.donate-button:hover{box-shadow:0 4px 12px #8a2be266;background:linear-gradient(135deg,#9d4edd,var(--glow-blue))}.donate-button:active{transform:translateY(1px)}.donate-button.goal-reached{background:linear-gradient(135deg,gold,orange);animation:goal-celebration 2s ease-in-out infinite}.donate-button.goal-reached:hover{background:linear-gradient(135deg,#ffed4e,#ffb84d);box-shadow:0 4px 12px #ffd70066}@keyframes goal-celebration{0%,to{box-shadow:0 2px 8px #ffd7004d}50%{box-shadow:0 4px 16px #ffd70099;transform:translateY(-1px)}}.donate-button svg{flex-shrink:0}@media (max-width: 768px){.donation-footer{padding:.5rem .75rem}.donation-content{gap:.75rem}.donation-header{flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:.375rem}.donation-title{font-size:.8rem}.donation-amount{font-size:.7rem}.progress-container{gap:.5rem}.progress-bar{min-width:80px;height:5px}.progress-text{font-size:.65rem;min-width:25px}.donate-button{padding:.375rem .5rem;font-size:.65rem;gap:.2rem}.donate-button svg{width:10px;height:10px}}@media (max-width: 480px){.donation-footer{padding:.375rem .5rem}.donation-content{gap:.5rem}.donation-title{font-size:.75rem}.donation-amount{font-size:.65rem}.progress-bar{min-width:60px;height:4px}.progress-text{font-size:.6rem;min-width:20px}.donate-button{padding:.3rem .4rem;font-size:.6rem}.donate-button span{display:none}.donate-button svg{width:12px;height:12px}}.layout{min-height:100vh;position:relative;display:flex;flex-direction:column;overflow-x:hidden}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 2rem 4rem;position:relative;z-index:2;min-height:calc(100vh - 140px)}@media (max-width: 768px){.main-content{padding:1rem 1rem 3.5rem;min-height:calc(100vh - 125px)}}@media (max-width: 480px){.main-content{padding:1rem 1rem 3rem;min-height:calc(100vh - 120px)}}.home{display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem;transition:all .8s ease}.home.links-layout{align-items:flex-start;padding-top:8rem}.home-content{max-width:800px;width:100%}.greeting{font-size:clamp(2.5rem,8vw,5rem);font-weight:400;color:var(--text-primary);margin-bottom:2rem;letter-spacing:.05em;text-shadow:0 0 30px rgba(255,255,255,.3);transition:all .3s ease}.greeting.transition-typing{color:var(--text-primary);text-shadow:0 0 30px rgba(255,255,255,.3)}.cursor{opacity:0;transition:opacity .1s ease;color:var(--primary-purple);text-shadow:0 0 10px var(--primary-purple);animation:glow 2s ease-in-out infinite alternate}.cursor.visible{opacity:1}.cursor.pulse{color:var(--text-primary);text-shadow:0 0 15px rgba(255,255,255,.6);animation:pulse-cursor 1.5s ease-in-out infinite}@keyframes pulse-cursor{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.links-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:3rem;opacity:.8}@keyframes glow{0%{text-shadow:0 0 10px var(--primary-purple)}to{text-shadow:0 0 20px var(--primary-purple),0 0 30px var(--primary-purple)}}.subtitle{margin-bottom:4rem}.subtitle p{font-size:1.25rem;color:var(--text-secondary);font-weight:300;letter-spacing:.1em;text-transform:uppercase}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem}.scroll-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-color);border-radius:50%;background:var(--bg-glass);animation:bounce 2s infinite}.scroll-arrow span{font-size:1.2rem;color:var(--text-secondary);animation:pulse 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 768px){.home{padding:6rem 1rem 2rem;min-height:100vh}.home.links-layout{padding-top:6rem}.greeting{margin-bottom:1.5rem;font-size:clamp(2rem,7vw,3.5rem);line-height:1.2}.subtitle{margin-bottom:3rem}.subtitle p{font-size:1rem}.scroll-indicator{bottom:1.5rem}.scroll-arrow{width:35px;height:35px}}@media (max-width: 480px){.home{padding:5rem .75rem 2rem}.home.links-layout{padding-top:5rem}.greeting{font-size:clamp(1.75rem,6vw,2.5rem);margin-bottom:1rem;line-height:1.1}.subtitle p{font-size:.9rem}.scroll-indicator{bottom:1rem}.scroll-arrow{width:32px;height:32px}.links-subtitle{font-size:1rem;margin-bottom:2rem}.social-link{padding:.75rem;gap:.5rem}}.links{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:8rem 2rem 2rem}.links-content{max-width:800px;width:100%;text-align:center}.links-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:400;color:var(--text-primary);margin-bottom:1rem;letter-spacing:.05em;text-shadow:0 0 30px rgba(255,255,255,.3)}.links-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:3rem;font-weight:300;letter-spacing:.05em}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem;max-width:800px;margin-left:auto;margin-right:auto}.social-link{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem;text-decoration:none;color:var(--text-primary);border-radius:16px;transition:all .3s ease;background:#ffffff08;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden;box-shadow:0 4px 20px #0003,inset 0 1px #ffffff14;text-align:center;min-height:140px;justify-content:center}.social-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,var(--accent-color));opacity:0;transition:opacity .3s ease;z-index:-1}.social-link:hover:before{opacity:.1}.social-link:hover{border-color:var(--accent-color);transform:translateY(-5px)}.social-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border-color);flex-shrink:0;transition:all .3s ease;margin-bottom:.5rem}.social-link:hover .social-icon{background:var(--accent-color);border-color:var(--accent-color);transform:scale(1.1)}.icon{font-size:1.5rem;transition:transform .3s ease}.social-icon svg{transition:transform .3s ease;color:inherit}.social-link:hover .icon{transform:scale(1.1)}.social-info{flex:1;text-align:center}.social-name{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary);transition:color .3s ease}.social-link:hover .social-name{color:var(--accent-color)}.social-description{font-size:.8rem;color:var(--text-muted);margin:0;transition:color .3s ease;line-height:1.3}.social-link:hover .social-description{color:var(--text-secondary)}.social-arrow{position:absolute;top:.75rem;right:.75rem;font-size:1rem;color:var(--text-muted);transition:all .3s ease;opacity:.3}.social-link:hover .social-arrow{color:var(--accent-color);opacity:1;transform:translate(2px) translateY(-2px)}@media (max-width: 768px){.links{padding:8rem 1rem 2rem;min-height:100vh}.links-title{font-size:clamp(2rem,7vw,3rem);margin-bottom:.75rem}.links-subtitle{margin-bottom:2rem;font-size:1rem}.social-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.social-link{padding:1rem .75rem;min-height:120px}.social-icon{width:40px;height:40px;margin-bottom:.25rem}.icon{font-size:1.2rem}.social-name{font-size:.9rem}.social-description{font-size:.75rem}.social-arrow{top:.5rem;right:.5rem;font-size:.9rem}}@media (max-width: 480px){.links{padding:7rem .75rem 2rem}.links-title{font-size:clamp(1.75rem,6vw,2.25rem)}.links-subtitle{font-size:.9rem;margin-bottom:1.5rem}.social-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.social-link{padding:.75rem .5rem;min-height:100px}.social-icon{width:36px;height:36px;margin-bottom:.25rem}.icon{font-size:1rem}.social-name{font-size:.85rem}.social-description{font-size:.7rem}.social-arrow{display:none}}.plugins{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.plugins-content{max-width:600px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem}.plugins-icon{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:24px;background:linear-gradient(135deg,var(--primary-purple),var(--glow-blue));color:#fff;margin-bottom:1rem}.plugins-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:400;color:var(--text-primary);margin-bottom:0;letter-spacing:.05em;text-shadow:0 0 30px rgba(255,255,255,.3)}.plugins-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-bottom:0;font-weight:300;letter-spacing:.05em}.redirect-info{display:flex;justify-content:center;margin-bottom:1rem}.redirect-link{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;text-decoration:none;color:var(--text-primary);border-radius:12px;background:var(--bg-glass);border:1px solid var(--border-color);transition:all .3s ease;font-weight:500}.redirect-link:hover{border-color:var(--primary-purple);color:var(--primary-purple);transform:translateY(-2px)}.loading-dots{display:flex;gap:.5rem;justify-content:center;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:var(--primary-purple);animation:pulse-dot 1.5s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes pulse-dot{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (max-width: 768px){.plugins{padding:6rem 1rem 2rem;min-height:100vh}.plugins-content{gap:1.5rem}.plugins-icon{width:100px;height:100px}.plugins-icon svg{width:60px;height:60px}.plugins-title{font-size:clamp(2rem,7vw,3rem)}.plugins-subtitle{font-size:1rem}.redirect-link{padding:.875rem 1.5rem;font-size:.9rem}}@media (max-width: 480px){.plugins{padding:4.5rem .75rem 2rem}.plugins-content{gap:1.25rem}.plugins-icon{width:80px;height:80px;margin-bottom:.5rem}.plugins-icon svg{width:48px;height:48px}.plugins-title{font-size:clamp(1.75rem,6vw,2.25rem)}.plugins-subtitle{font-size:.9rem}.redirect-link{padding:.75rem 1.25rem;font-size:.85rem}.loading-dots{gap:.375rem}.dot{width:6px;height:6px}}.about{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:8rem 2rem 2rem}.about-content{max-width:900px;width:100%;text-align:center}.about-header{margin-bottom:4rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.about-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:400;color:var(--text-primary);margin:0;letter-spacing:.05em;text-shadow:0 0 30px rgba(255,255,255,.3)}.about-subtitle{font-size:1.2rem;color:var(--text-secondary);margin:0;font-weight:300;letter-spacing:.05em}.about-sections{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto auto;gap:1.25rem;margin-bottom:3rem;max-width:1000px;margin-left:auto;margin-right:auto}.about-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;text-decoration:none;color:var(--text-primary);border-radius:16px;transition:all .3s ease;background:#ffffff08;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden;box-shadow:0 4px 20px #0003,inset 0 1px #ffffff14;text-align:center;scroll-margin-top:100px}.about-card.highlighted{border-color:var(--primary-purple);box-shadow:0 0 30px #8a2be266,0 4px 20px #0003,inset 0 1px #ffffff14;animation:highlight-pulse 2s ease-in-out}@keyframes highlight-pulse{0%,to{box-shadow:0 0 30px #8a2be266,0 4px 20px #0003,inset 0 1px #ffffff14}50%{box-shadow:0 0 50px #8a2be299,0 8px 30px #0000004d,inset 0 1px #ffffff1f}}.about-card:nth-child(1){grid-column:1 / 7;grid-row:1;border-radius:24px 8px;min-height:200px}.about-card:nth-child(2){grid-column:7 / 13;grid-row:1;border-radius:8px 24px;min-height:200px}.meet-star-card{grid-column:1 / 8!important;grid-row:2!important;border-radius:32px 8px!important;min-height:320px!important;gap:.75rem!important}.meet-star-card p{margin-top:0;flex-shrink:0}.pc-specs-card{grid-column:8 / 13!important;grid-row:2!important;border-radius:8px 32px!important;min-height:280px!important}.about-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent,var(--primary-purple));opacity:0;transition:opacity .3s ease;z-index:-1}.about-card:hover:before{opacity:.05}.about-card:hover{border-color:var(--primary-purple);transform:translateY(-5px)}.card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--bg-secondary);border:1px solid var(--border-color);flex-shrink:0;transition:all .3s ease;color:var(--primary-purple)}.about-card:hover .card-icon{background:var(--primary-purple);border-color:var(--primary-purple);color:#fff;transform:scale(1.1)}.about-card h3{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary);transition:color .3s ease}.about-card:hover h3{color:var(--primary-purple)}.about-card p{font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.6;transition:color .3s ease}.about-card:hover p{color:var(--text-primary)}.about-footer{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color)}.star-image{width:100%;max-width:320px;margin:.75rem 0;flex:1;display:flex;align-items:center}.star-photo{width:100%;height:240px;object-fit:cover;border-radius:20px;border:2px solid var(--border-color);transition:all .3s ease}.meet-star-card:hover .star-photo{border-color:var(--primary-purple);transform:scale(1.02)}.specs-list{text-align:left;width:100%;max-width:250px}.specs-list p{margin:.5rem 0;font-size:.9rem;line-height:1.4}.specs-list strong{color:var(--primary-purple);font-weight:600}.specs-list em{color:var(--text-muted);font-size:.85rem;display:block;margin-top:.75rem;text-align:center}@media (max-width: 768px){.about{padding:8rem 1rem 2rem;min-height:100vh}.about-header{margin-bottom:3rem;gap:1rem}.about-title{font-size:clamp(2rem,7vw,3rem)}.about-subtitle{font-size:1rem}.about-sections{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.about-card{padding:1.5rem 1rem;min-height:180px!important;border-radius:16px!important}.about-card:nth-child(1),.about-card:nth-child(2),.meet-star-card,.pc-specs-card{grid-column:unset!important;grid-row:unset!important}.card-icon{width:40px;height:40px}.about-card h3{font-size:1.1rem}.about-card p{font-size:.9rem}.star-image{max-width:100%}.star-photo{height:180px}.meet-star-card{min-height:240px!important}.specs-list{max-width:100%}.footer-text{font-size:.85rem}}@media (max-width: 480px){.about{padding:7rem .75rem 2rem}.about-header{margin-bottom:2.5rem;gap:.75rem}.about-title{font-size:clamp(1.75rem,6vw,2.25rem)}.about-subtitle{font-size:.9rem}.about-sections{gap:1.25rem;margin-bottom:1.5rem}.about-card{padding:1.25rem .75rem;min-height:160px!important;gap:.75rem}.card-icon{width:36px;height:36px}.about-card h3{font-size:1rem}.about-card p{font-size:.85rem;line-height:1.5}.star-image{max-width:100%}.star-photo{height:160px}.meet-star-card{min-height:220px!important}.specs-list p{font-size:.8rem}.about-footer{padding-top:1.5rem}.footer-text{font-size:.8rem}}.portfolio{display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.portfolio-content{flex:0 0 auto;width:100%;text-align:center;padding:6rem 2rem 1rem;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;position:relative}.portfolio-header{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.portfolio-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:400;color:var(--text-primary);margin:0;letter-spacing:.05em;text-shadow:0 0 30px rgba(255,255,255,.3)}.portfolio-subtitle{font-size:1.2rem;color:var(--text-secondary);margin:0 0 2rem;font-weight:300;letter-spacing:.05em}.filter-controls{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-toggle:hover{background:#8a2be21a;border-color:var(--primary-purple);color:var(--primary-purple)}.clear-filters{padding:.5rem 1rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;color:#ef4444;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.clear-filters:hover{background:#dc262633;border-color:#ef4444}.filter-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;padding:1rem;background:#ffffff05;border:1px solid var(--border-color);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-tag{padding:.5rem 1rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-tag:hover{background:#8a2be21a;border-color:var(--primary-purple);color:var(--primary-purple)}.filter-tag.active{background:var(--primary-purple);border-color:var(--primary-purple);color:#fff;box-shadow:0 4px 12px #8a2be24d}.filter-tag.active:hover{background:#9d4edd;transform:translateY(-1px)}.portfolio-carousel{flex:1;width:100%;overflow-x:hidden;overflow-y:hidden;position:relative;display:flex;align-items:center;padding:1.5rem 0}.carousel-track{display:flex;flex-direction:row;gap:2rem;padding:0 2rem;width:max-content;align-items:center}.carousel-row{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.carousel-row:nth-child(2n){margin-left:30px}.carousel-row:nth-child(odd){margin-right:30px}.carousel-track.grid-layout{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.5rem;padding:2rem;width:100%;max-width:1200px;margin:0 auto}.portfolio-carousel.filtered-grid{padding:1rem 0 3rem}.modal-tag-stack{margin-top:2rem}.modal-tag-stack h3{font-size:1.2rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600}.modal-tag-grid{display:flex;flex-wrap:wrap;gap:.75rem}.modal-tag-tag{padding:.5rem 1.25rem;background:#8a2be233;color:var(--primary-purple);border:1px solid rgba(138,43,226,.4);border-radius:8px;font-size:.85rem;font-weight:500;transition:all .3s ease}.portfolio-card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;flex-shrink:0}.card-0{width:280px;height:200px;border-radius:24px 8px}.card-1{width:240px;height:180px;border-radius:8px 24px}.card-2{width:320px;height:220px;border-radius:32px 8px}.card-3{width:260px;height:200px;border-radius:8px 32px}.card-4{width:300px;height:180px;border-radius:16px 24px}.card-5{width:250px;height:200px;border-radius:24px 16px}.card-6{width:340px;height:180px;border-radius:20px 20px 8px 8px}.portfolio-card.filtered-card{width:auto!important;height:auto!important;grid-row:unset!important;border-radius:16px!important;display:flex;flex-direction:column;background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);padding:.75rem;min-width:280px;max-width:400px;align-self:flex-start}.filtered-card .card-image-container{display:flex;flex-direction:column;align-items:center}.filtered-card .project-image{object-fit:contain;border-radius:12px;width:100%;height:auto;max-height:300px;min-height:200px}.portfolio-card.highlighted{box-shadow:0 0 30px #8a2be299,0 8px 32px #0000004d;animation:highlight-pulse 2s ease-in-out}@keyframes highlight-pulse{0%,to{box-shadow:0 0 30px #8a2be299,0 8px 32px #0000004d}50%{box-shadow:0 0 50px #8a2be2cc,0 12px 40px #0006}}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block;border:none;outline:none}.portfolio-card:hover .project-image{transform:scale(1.05)}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#000c,#000000e6,#000000f2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:3}.overlay-content{text-align:center;color:#fff;max-width:100%}.project-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.project-category{font-size:.9rem;color:var(--primary-purple);margin-bottom:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.project-description{font-size:.9rem;line-height:1.5;margin-bottom:1.5rem;color:#ffffffe6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-description-short{font-size:.8rem;line-height:1.4;color:var(--text-secondary);margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.tech-tag{padding:.25rem .75rem;background:#8a2be233;color:var(--primary-purple);border:1px solid rgba(138,43,226,.4);border-radius:12px;font-size:.75rem;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tech-tag.more{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.click-hint{font-size:.75rem;color:#ffffffb3;font-weight:500;margin:0;font-style:italic;margin-top:.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;max-width:1200px;width:100%;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 20px 60px #00000080}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#000c;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:10;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-close:hover{background:#000000e6;transform:scale(1.1)}.modal-layout{display:grid;grid-template-columns:1.5fr 1fr;height:600px}.modal-image-section{position:relative;overflow:hidden;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:2rem}.modal-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;box-shadow:0 8px 32px #0000004d}.modal-info-section{padding:3rem;display:flex;flex-direction:column;justify-content:center;text-align:left;background:var(--bg-secondary);overflow-y:auto}.modal-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.2}.modal-category{font-size:1.1rem;color:var(--primary-purple);margin-bottom:1.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.modal-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2.5rem}.modal-tech-stack h3{font-size:1.2rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600}.modal-tech-grid{display:flex;flex-wrap:wrap;gap:.75rem}.modal-tech-tag{padding:.5rem 1.25rem;background:#8a2be233;color:var(--primary-purple);border:1px solid rgba(138,43,226,.4);border-radius:12px;font-size:.9rem;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.portfolio-footer{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color)}.footer-text{font-size:.9rem;color:var(--text-muted);font-style:italic;margin:0;opacity:.7}.view-all-section{margin-top:3rem;padding:2rem 2rem 4rem;border-top:1px solid rgba(255,255,255,.1)}.view-all-header{text-align:center;margin-bottom:2rem}.view-all-toggle{background:linear-gradient(135deg,#8a2be2cc,#9c27b0cc);border:1px solid rgba(255,255,255,.2);color:var(--text-primary);padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #8a2be24d}.view-all-toggle:hover{background:linear-gradient(135deg,#8a2be2,#9c27b0);transform:translateY(-2px);box-shadow:0 6px 25px #8a2be266}.view-all-toggle.active{background:linear-gradient(135deg,#dc3545cc,#e91e63cc);box-shadow:0 4px 20px #dc35454d}.view-all-toggle.active:hover{background:linear-gradient(135deg,#dc3545,#e91e63);box-shadow:0 6px 25px #dc354566}.grid-view{overflow:hidden}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.grid-card{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 4px 20px #0003;transition:all .3s ease}.grid-image-container{position:relative;width:100%;height:100%;overflow:hidden}.grid-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.grid-card:hover .grid-image{transform:scale(1.05)}.grid-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000c,#8a2be24d);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.grid-overlay-content{text-align:center;color:var(--text-primary);padding:1rem}.grid-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.grid-category{font-size:.85rem;color:var(--primary-purple);margin-bottom:.75rem;font-weight:500}.grid-description-short{font-size:.8rem;line-height:1.4;color:var(--text-secondary);margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grid-tech-stack{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin-bottom:.75rem}.grid-tech-tag{background:#8a2be24d;color:var(--text-primary);padding:.2rem .5rem;border-radius:6px;font-size:.7rem;font-weight:500;border:1px solid rgba(138,43,226,.4)}.grid-tech-tag.more{background:#ffffff1a;border-color:#fff3}.grid-click-hint{font-size:.7rem;color:var(--text-secondary);font-style:italic;margin:0;opacity:.8}.image-counter{position:absolute;top:.5rem;right:.5rem;background:#000c;color:var(--text-primary);padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;cursor:pointer;z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.image-counter:hover{background:#8a2be2cc;transform:scale(1.05)}.grid-image-counter{top:.375rem;right:.375rem;font-size:.65rem;padding:.2rem .4rem}.modal-image-thumbnails{display:flex;gap:.75rem;justify-content:center;margin-top:1rem;padding:0 1rem;flex-wrap:wrap}.modal-thumbnail{position:relative;width:60px;height:45px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.modal-thumbnail:hover{border-color:#8a2be299;transform:scale(1.05)}.modal-thumbnail.active{border-color:var(--primary-purple);box-shadow:0 0 12px #8a2be280}.thumbnail-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.modal-thumbnail:hover .thumbnail-image{transform:scale(1.1)}.thumbnail-overlay{position:absolute;bottom:0;right:0;background:#000c;color:#fff;padding:.1rem .3rem;font-size:.7rem;border-radius:4px 0 0;font-weight:600}@media (max-width: 768px){.portfolio-content{padding:1.5rem 1rem .75rem}.portfolio-header{margin-bottom:1.5rem;gap:.75rem}.portfolio-title{font-size:clamp(2rem,7vw,3rem)}.portfolio-subtitle{font-size:1rem}.filter-controls{flex-direction:column;align-items:stretch;gap:.75rem}.filter-toggle{justify-content:center;padding:.625rem 1.25rem}.filter-tags{padding:.75rem;gap:.5rem}.filter-tag{font-size:.8rem;padding:.375rem .75rem}.portfolio-carousel{padding:1rem 0}.carousel-track{display:flex;flex-direction:row;gap:1.5rem;padding:0 1rem;grid-template-rows:none;grid-auto-flow:unset;align-items:center}.carousel-track.grid-layout{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:1.5rem 1rem}.portfolio-card{border-radius:16px!important}.card-0,.card-1,.card-2,.card-3,.card-4,.card-5,.card-6{width:240px!important;height:320px!important;grid-row:unset!important}.card-overlay{padding:1.25rem}.project-title{font-size:1.1rem}.project-description{font-size:.8rem;-webkit-line-clamp:2;margin-bottom:1rem}.tech-stack{margin-bottom:.75rem}.tech-tag{font-size:.7rem;padding:.2rem .6rem}.click-hint{font-size:.65rem}.view-all-section{margin-top:2rem;padding:1.5rem 1rem 3rem}.view-all-toggle{padding:.75rem 1.5rem;font-size:.9rem}.grid-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.grid-title{font-size:1rem}.grid-category{font-size:.8rem}.grid-tech-tag{font-size:.65rem;padding:.15rem .4rem}.spoiler-warning span{font-size:1.2rem}.spoiler-warning p{font-size:.8rem}.image-counter{font-size:.65rem;padding:.2rem .4rem}.modal-image-nav{font-size:.75rem;padding:.4rem .8rem}.modal-thumbnail{width:50px;height:38px}.thumbnail-overlay{font-size:.6rem;padding:.05rem .2rem}.modal-layout{grid-template-columns:1fr;grid-template-rows:250px 1fr;height:auto;max-height:90vh;overflow-y:auto}.modal-image-section{padding:1rem}.modal-info-section{padding:2rem}.modal-title{font-size:2rem}.modal-category{font-size:1rem}.modal-description{font-size:1rem;margin-bottom:2rem}.modal-tech-stack h3{font-size:1.1rem}.modal-tech-tag{font-size:.8rem;padding:.375rem 1rem}}@media (max-width: 480px){.portfolio-content{padding:1rem .75rem .5rem}.portfolio-header{margin-bottom:1rem;gap:.5rem}.portfolio-title{font-size:clamp(1.75rem,6vw,2.25rem)}.portfolio-subtitle{font-size:.9rem}.filter-toggle{padding:.5rem 1rem;font-size:.85rem}.filter-tags{padding:.5rem;gap:.375rem}.filter-tag{font-size:.75rem;padding:.3rem .6rem}.portfolio-carousel{padding:.75rem 0}.carousel-track{display:flex;flex-direction:row;gap:1rem;padding:0 .75rem;grid-template-rows:none;grid-auto-flow:unset;align-items:center}.carousel-track.grid-layout{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem .75rem}.card-0,.card-1,.card-2,.card-3,.card-4,.card-5,.card-6{width:200px!important;height:280px!important;grid-row:unset!important}.card-overlay{padding:1rem}.project-title{font-size:1rem;margin-bottom:.25rem}.project-category{font-size:.75rem;margin-bottom:.5rem}.project-description{font-size:.75rem;line-height:1.3;margin-bottom:.75rem;-webkit-line-clamp:2}.tech-stack{gap:.25rem;margin-bottom:.5rem}.tech-tag{font-size:.6rem;padding:.15rem .4rem}.click-hint{font-size:.55rem}.view-all-section{margin-top:1.5rem;padding:1rem .75rem 2.5rem}.view-all-toggle{padding:.625rem 1.25rem;font-size:.85rem}.grid-container{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.spoiler-warning span{font-size:1rem}.spoiler-warning p{font-size:.75rem}.image-counter{font-size:.6rem;padding:.15rem .35rem}.modal-image-nav{font-size:.7rem;padding:.35rem .7rem}.modal-thumbnail{width:45px;height:34px}.thumbnail-overlay{font-size:.55rem;padding:.05rem .15rem}.modal-overlay{padding:1rem}.modal-layout{grid-template-rows:200px 1fr}.modal-image-section{padding:.75rem}.modal-info-section{padding:1.5rem}.modal-title{font-size:1.5rem;margin-bottom:.375rem}.modal-category{font-size:.9rem;margin-bottom:1rem}.modal-description{font-size:.9rem;margin-bottom:1.5rem}.modal-tech-stack h3{font-size:1rem;margin-bottom:.75rem}.modal-tech-tag{font-size:.75rem;padding:.3rem .8rem}.modal-close{top:1rem;right:1rem;width:40px;height:40px}.footer-text{font-size:.8rem}}.cats{display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.cats-content{flex:0 0 auto;width:100%;text-align:center;padding:6rem 2rem 1rem;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;position:relative}.cats-header{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.cats-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:400;color:var(--text-primary);margin:0}.cats-subtitle{font-size:clamp(1rem,4vw,1.25rem);color:var(--text-secondary);margin:0;max-width:600px}.cats-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:3rem;max-width:1000px;margin-left:auto;margin-right:auto;padding:0 1rem}.cat-card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;min-height:220px;background:#ffffff08;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.12)}.cat-card.highlighted{box-shadow:0 0 30px #ff69b499,0 8px 32px #0000004d;animation:highlight-pulse 2s ease-in-out}@keyframes highlight-pulse{0%,to{box-shadow:0 0 30px #ff69b499,0 8px 32px #0000004d}50%{box-shadow:0 0 50px #ff69b4cc,0 12px 40px #0006}}.cat-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block;border:none;outline:none}.cat-card:hover .cat-image{transform:scale(1.05)}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000c,#ff69b44d);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none}.cat-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.cat-description-short{font-size:.8rem;line-height:1.4;color:var(--text-secondary);margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.cats-content{padding:1.5rem 1rem .75rem}.cats-header{margin-bottom:1.5rem;gap:.75rem}.cats-sections{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.cat-card{min-height:180px!important;border-radius:16px!important}.modal-layout{padding:1rem}.modal-title{font-size:1.5rem}.modal-description{font-size:1rem}}@media (max-width: 480px){.cats-content{padding:1rem .75rem .5rem}.cats-header{margin-bottom:1rem;gap:.5rem}.cats-sections{gap:1.25rem;margin-bottom:1.5rem}.cat-card{min-height:160px!important}.modal-overlay{padding:1rem}.modal-content{max-width:100%;max-height:100%}.modal-layout{padding:.75rem;min-height:400px}}.photography{display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.photography-content{flex:0 0 auto;width:100%;text-align:center;padding:6rem 2rem 1rem;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;position:relative}.photography-header{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.photography-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:400;color:var(--text-primary);margin:0}.photography-subtitle{font-size:clamp(1rem,4vw,1.25rem);color:var(--text-secondary);margin:0;max-width:600px}.photography-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:3rem;max-width:1000px;margin-left:auto;margin-right:auto;padding:0 1rem}.photo-card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;min-height:240px;background:#ffffff08;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.12)}.photo-card.highlighted{box-shadow:0 0 30px #4ecdc499,0 8px 32px #0000004d;animation:highlight-pulse 2s ease-in-out}@keyframes highlight-pulse{0%,to{box-shadow:0 0 30px #4ecdc499,0 8px 32px #0000004d}50%{box-shadow:0 0 50px #4ecdc4cc,0 12px 40px #0006}}.card-image-container{position:relative;width:100%;height:100%;overflow:hidden;display:block}.photo-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block;border:none;outline:none}.photo-card:hover .photo-image{transform:scale(1.05)}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000c,#4ecdc44d);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none}.overlay-content{text-align:center;color:var(--text-primary);padding:1.5rem}.photo-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.photo-description-short{font-size:.8rem;line-height:1.4;color:var(--text-secondary);margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.click-hint{font-size:.7rem;color:var(--text-secondary);font-style:italic;margin:0;opacity:.8}.spoiler-blur{filter:blur(20px);transition:filter .3s ease}.spoiler-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spoiler-warning{text-align:center;color:var(--text-primary);padding:1rem}.spoiler-warning span{display:block;font-size:1.5rem;margin-bottom:.5rem;color:#ff6b6b;font-weight:700}.spoiler-warning p{margin:0;font-size:.9rem;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#000000e6;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:90vw;max-height:90vh;position:relative;box-shadow:0 20px 60px #00000080}.modal-close{position:absolute;top:1rem;right:1rem;background:#000c;border:none;color:var(--text-primary);padding:.5rem;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.modal-close:hover{background:#fff3}.modal-layout{display:flex;align-items:center;justify-content:center;padding:2rem;min-height:500px}.modal-image-section{display:flex;align-items:center;justify-content:center;position:relative}.modal-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:12px}.modal-info-section{display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.modal-title{font-size:2rem;font-weight:600;margin:0;color:var(--text-primary)}.modal-description{font-size:1.1rem;line-height:1.6;color:var(--text-secondary);margin:0}@media (max-width: 768px){.photography-content{padding:1.5rem 1rem .75rem}.photography-header{margin-bottom:1.5rem;gap:.75rem}.photography-sections{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.photo-card{min-height:200px!important;border-radius:16px!important}.modal-layout{padding:1rem}.modal-title{font-size:1.5rem}.modal-description{font-size:1rem}}@media (max-width: 480px){.photography-content{padding:1rem .75rem .5rem}.photography-header{margin-bottom:1rem;gap:.5rem}.photography-sections{gap:1.25rem;margin-bottom:1.5rem}.photo-card{min-height:180px!important}.modal-overlay{padding:1rem}.modal-content{max-width:100%;max-height:100%}.modal-layout{padding:.75rem;min-height:400px}}:root{--primary-purple: #6c5ce7;--primary-purple-hover: #5b4cdb;--primary-purple-dark: #4834d4;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #707070;--bg-primary: #000000;--bg-secondary: #0f0f0f;--bg-glass: rgba(20, 20, 20, .8);--border-color: rgba(255, 255, 255, .08);--glow-blue: #00d4ff;--glow-purple: #8b5cf6}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width: 768px){a,button,input,select,textarea,.nav-link,.social-link,.redirect-link{touch-action:manipulation;min-height:44px;display:flex;align-items:center;justify-content:center}*{-webkit-overflow-scrolling:touch}body{font-size:16px;text-size-adjust:100%}}body{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}#root{min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;font-weight:600;line-height:1.2}.mono{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-purple);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-purple-hover)}.glass{background:#ffffff08;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 4px 20px #0003,inset 0 1px #ffffff14}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-family:Space Grotesk,sans-serif;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:var(--primary-purple);color:#fff}.btn-primary:hover{background:var(--primary-purple-hover);transform:translateY(-2px)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.float{animation:float 6s ease-in-out infinite}.pulse{animation:pulse 2s ease-in-out infinite}@media (max-width: 768px){.btn{padding:.6rem 1.2rem;font-size:.9rem}}::selection{background:var(--primary-purple);color:#fff}