:root{--bg: #0b0f17;--bg-2: #111a2c;--fg: #eef4ff;--muted: #9aa8cc;--accent: #7ae0ff;--accent-2: #8d7bff;--accent-3: #ff9cf2;--panel: #131c30;--border: rgba(122, 224, 255, 0.25);--shadow: 0 8px 28px rgba(0, 0, 0, 0.55);--radius: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;height:100%}body{background:repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0 2px, transparent 2px 4px),repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.03) 0 2px, transparent 2px 4px),linear-gradient(180deg, var(--bg), var(--bg-2));background-size:cover;color:var(--fg);font-family:Inter,system-ui}.wrap{min-height:100svh;display:grid;place-items:center;padding:clamp(16px, 4vw, 32px)}.hero{width:100%;max-width:1100px;display:grid;gap:clamp(16px, 2.4vw, 24px);grid-template-columns:1fr;padding:clamp(20px, 5vw, 40px);border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)) var(--panel);box-shadow:var(--shadow)}@media(min-width: 960px){.hero{grid-template-columns:1fr .9fr}}.kicker{font:800 clamp(14px, 2.5vw, 20px)/1 "Share Tech Mono",monospace;color:var(--accent-3);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 10px rgba(255,156,242,.6)}.title{margin:.4rem 0;display:grid;gap:.2rem}.platforms{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(14px, 2.6vw, 22px)}.platforms a:hover{opacity:1;border-style:solid;box-shadow:0 0 14px rgba(122,224,255,.25);color:var(--fg);text-decoration:none !important}.platforms a{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:1px dashed var(--border);text-decoration:none;color:var(--fg);opacity:.85;box-shadow:inset 0 0 6px rgba(255,255,255,.05)}.platforms a:hover{opacity:1;border-style:solid;box-shadow:0 0 14px rgba(122,224,255,.25)}.platforms img{width:18px;height:18px}.hud{margin-top:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.frame{width:120px;height:120px;border-radius:14px;overflow:hidden;border:2px solid rgba(122,224,255,.4);box-shadow:0 0 10px rgba(122,224,255,.3),0 0 18px rgba(141,123,255,.25);background:url("https://avatars.githubusercontent.com/u/14639332?v=4") center/120% no-repeat}.id{font:700 12px/1.4 "Share Tech Mono",monospace;color:var(--muted);display:grid;gap:6px}.id span{display:block}.panel{position:relative;padding:12px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));box-shadow:0 6px 18px rgba(0,0,0,.5)}.panel h3{margin:0 0 8px;font:700 12px/1 "Share Tech Mono",monospace;color:var(--muted)}.radar{aspect-ratio:1/1;max-width:180px;margin:auto}.scope{position:relative;width:100%;height:100%;border-radius:50%;border:1px solid var(--border);background:radial-gradient(closest-side, rgba(122, 224, 255, 0.08), transparent 65%)}.scope::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg, rgba(122, 224, 255, 0.28), transparent 25%);animation:sweep 3s linear infinite}.ring{position:absolute;inset:20%;border:1px dashed rgba(122,224,255,.18);border-radius:50%}.line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(122,224,255,.2)}.blip{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:ping 2.4s infinite}.b1{top:30%;left:60%}.b2{top:55%;left:35%;animation-delay:.6s}.b3{top:70%;left:70%;animation-delay:1.2s}@keyframes sweep{to{transform:rotate(360deg)}}@keyframes ping{0%{transform:scale(0.6);opacity:.8}70%{transform:scale(2);opacity:.2}100%{transform:scale(2.2);opacity:0}}.tape{height:140px;position:relative;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.02);overflow:hidden}.scan{position:absolute;inset:0;background:linear-gradient(180deg, transparent, rgba(141, 123, 255, 0.15), transparent);animation:scan 2.5s linear infinite}@keyframes scan{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}.code{position:absolute;inset:0;margin:8px;font:700 11px/1.3 "Share Tech Mono",monospace;color:var(--accent-3);white-space:pre;overflow:hidden}.pulse{display:grid;place-items:center;height:120px}.dot{width:18px;height:18px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 14px var(--accent-2);animation:pulse 1.6s infinite}@keyframes pulse{0%{transform:scale(0.8);opacity:.7}50%{transform:scale(1.4);opacity:1}100%{transform:scale(0.8);opacity:.7}}.pulse-label{margin-top:8px;font:700 11px/1 "Share Tech Mono",monospace;color:var(--muted)}.title h1{margin:0 !important;font-weight:800 !important;line-height:.95 !important;text-transform:uppercase !important;letter-spacing:-0.01em !important;font-size:clamp(32px, 7vw, 70px) !important;color:var(--fg) !important}.title h1.alt{background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent-3)) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;text-shadow:0 0 12px rgba(255,156,242,.25) !important}.role{margin:.5rem 0 0 !important;font:700 clamp(12px, 2vw, 18px)/1.2 "Share Tech Mono",monospace !important;opacity:.95 !important;color:var(--fg) !important}.panel.server-future{background:linear-gradient(145deg, rgba(122, 224, 255, 0.08), rgba(141, 123, 255, 0.08), rgba(19, 28, 48, 0.95));border:1px solid var(--border);position:relative;overflow:hidden}.panel.server-future::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.03) 0px, rgba(255, 255, 255, 0.03) 1px, transparent 2px);opacity:.15}.pulse{display:grid;place-items:center;height:120px}.dot{width:18px;height:18px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 14px var(--accent-2);animation:pulse 1.4s infinite}@keyframes pulse{0%{transform:scale(0.8);opacity:.7}50%{transform:scale(1.4);opacity:1}100%{transform:scale(0.8);opacity:.7}}.pulse-label{margin-top:8px;font:700 11px/1 "Share Tech Mono",monospace;color:var(--muted)}.pulse-label .online{color:#0f9;text-shadow:0 0 6px rgba(0,255,153,.7),0 0 12px rgba(0,255,153,.5);font-weight:800}.copy-icon{font-size:14px;opacity:.7;margin-left:6px}#toast{visibility:hidden;min-width:220px;background:rgba(0,255,153,.15);color:#0f9;text-align:center;border-radius:6px;padding:10px;position:fixed;z-index:999;left:50%;bottom:40px;transform:translateX(-50%);font:700 12px "Share Tech Mono",monospace;border:1px solid rgba(0,255,153,.3);box-shadow:0 0 12px rgba(0,255,153,.4);text-shadow:0 0 6px rgba(0,255,153,.6);transition:opacity .4s ease,bottom .4s ease;opacity:0}#toast.show{visibility:visible;opacity:1;bottom:60px}#container-widget{text-align:center}.spotify-widget{display:none;text-align:center;padding:16px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));box-shadow:0 6px 18px rgba(0,0,0,.5);animation:fadeIn .6s ease}.spotify-status{margin-bottom:8px;font:700 12px/1.3 "Share Tech Mono",monospace;color:var(--accent);text-shadow:0 0 10px rgba(122,224,255,.4)}.spotify-widget iframe{border-radius:8px;box-shadow:0 0 14px rgba(122,224,255,.15)}@media(min-width: 768px){.spotify-widget{max-width:340px;margin:auto}}@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.project{margin-top:60px}.project .project-title h2{font-size:clamp(20px, 4vw, 32px);font-weight:800;text-transform:uppercase;background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 8px rgba(122,224,255,.5);margin-bottom:40px}.project .project-block{margin-bottom:60px;text-align:center}.project-images-slider{position:relative;margin:0 auto 20px auto;height:260px;width:85%;display:flex;align-items:center;justify-content:center}.project-images-slider img{position:absolute;max-width:100%;max-height:100%;border-radius:10px;border:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.project-images-slider img.active{opacity:1;transform:translateY(0);z-index:2}.project-images-slider img:hover{transform:scale(1.05);box-shadow:0 0 15px var(--accent),0 0 25px rgba(141,123,255,.6)}.project-card{background:rgba(255,255,255,.04);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;padding:20px;margin:0 auto;max-width:600px;box-shadow:0 6px 18px rgba(0,0,0,.4),inset 0 0 12px rgba(255,255,255,.05);text-align:left;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:scale(1.02);box-shadow:0 6px 20px rgba(0,0,0,.55),inset 0 0 14px rgba(255,255,255,.08),0 0 10px rgba(122,224,255,.3)}.project-card .subtitle{font:700 16px "Share Tech Mono",monospace;color:var(--accent-2);margin-bottom:12px}.project-card .desc{font-size:14px;line-height:1.6;color:var(--fg);margin-bottom:16px}.project-card .links a{color:var(--accent-3);font-weight:600;text-decoration:none}.project-card .links a:hover{color:var(--accent);text-decoration:underline}.project-tech{margin-top:20px;text-align:left}.project-tech .badge{margin:4px;padding:6px 12px;border-radius:8px;background:rgba(122,224,255,.1);border:1px solid rgba(122,224,255,.3);color:var(--accent);font-size:12px;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:transform .3s ease,box-shadow .3s ease}.project-tech .badge:hover{transform:scale(1.08);box-shadow:0 0 10px var(--accent),0 0 18px rgba(141,123,255,.6)}[data-popup]{cursor:pointer;transition:transform .3s ease}[data-popup]:hover{transform:scale(1.03)}.image-popup{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;cursor:zoom-out}.image-popup img{max-width:80%;max-height:80%;object-fit:contain;border-radius:8px;box-shadow:0 0 20px rgba(122,224,255,.5)}.image-popup.active{opacity:1;visibility:visible}
.rick-morty{background:linear-gradient(135deg, #0a0f1f, #1a1b3a 40%, #241b3f 100%);background-size:300% 300%;animation:bgShift 25s ease infinite;color:#f2f6ff;min-height:100vh;position:relative;overflow:hidden;font-family:"Share Tech Mono",monospace;display:flex;flex-direction:column;justify-content:center}@keyframes bgShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.rm-title h2{font-family:"Creepster",cursive;font-size:clamp(32px, 5vw, 64px);color:#97ff00;text-shadow:0 0 12px #00ff90,0 0 24px #97ff00;animation:floaty 4s ease-in-out infinite alternate}@keyframes floaty{from{transform:translateY(-5px) rotate(-1deg)}to{transform:translateY(5px) rotate(1deg)}}.rm-card{background:none;border:none;box-shadow:none;padding:0 20px;display:flex;flex-direction:column;justify-content:center}.rm-subtitle{font-family:"Creepster",cursive;color:#97ff00;margin-bottom:16px;text-shadow:0 0 8px rgba(151,255,0,.6);font-size:28px;text-align:center}.rm-desc{line-height:1.7;margin-bottom:20px;color:#e4ffe4;font-size:16px;text-align:center}.btn-demo{display:inline-block;padding:12px 22px;border-radius:30px;background:#97ff00;color:#0d2c1d !important;font-weight:bold;text-decoration:none !important;box-shadow:0 0 12px rgba(151,255,0,.8),0 0 25px rgba(0,255,144,.5);transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.btn-demo:hover{transform:scale(1.05);box-shadow:0 0 18px #97ff00,0 0 35px rgba(0,255,144,.9),0 0 45px rgba(141,123,255,.7);background:#b6ff4d}.project-tech{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.project-tech .badge{background:#00ff90;color:#0d2c1d;font-weight:600;padding:6px 12px;border-radius:20px;box-shadow:0 0 12px rgba(0,255,144,.6)}.rm-images-vintage{display:flex;flex-direction:column;gap:16px;align-items:center;margin-bottom:20px}.rm-images-vintage img{width:80%;max-width:260px;border-radius:12px;box-shadow:0 0 8px rgba(151,255,0,.4),0 0 15px rgba(141,123,255,.3),0 0 20px rgba(122,224,255,.2);cursor:pointer;transform:rotate(-2deg) scale(0.95);transition:transform .4s ease,box-shadow .4s ease}.rm-images-vintage img:nth-child(even){transform:rotate(2deg) scale(0.95)}.rm-images-vintage img:hover{transform:rotate(0deg) scale(1.05);box-shadow:0 0 12px rgba(151,255,0,.6),0 0 20px rgba(141,123,255,.4),0 0 30px rgba(122,224,255,.3)}
.pengui-futuristic{background:radial-gradient(circle at 20% 20%, #0a192f 0%, #0e2438 100%);color:#e0f7fa;font-family:"Orbitron","Poppins",sans-serif;padding:4rem 2rem;overflow:hidden}.pengui-content{display:flex;justify-content:center;align-items:flex-start;gap:3rem;flex-wrap:wrap;max-width:1200px;margin:0 auto}.pengui-text{flex:1 1 520px;z-index:2}.pengui-title{font-size:2.8rem;font-weight:800;background:linear-gradient(90deg, #00e5ff, #7c4dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(124,77,255,.3)}.pengui-subtitle{color:#80deea;margin-bottom:1.8rem;font-size:1.1rem}.pengui-description{background:rgba(255,255,255,.06);border:1px solid rgba(0,229,255,.15);border-radius:14px;padding:1.6rem 1.8rem;line-height:1.8;color:#e0f2f1;box-shadow:0 0 20px rgba(0,255,255,.05);backdrop-filter:blur(8px)}.pengui-sub-images{display:flex;gap:12px;margin-top:1.8rem;opacity:.9;flex-wrap:wrap}.pengui-sub-images img{height:130px;width:auto;border-radius:10px;object-fit:contain;border:1px solid rgba(0,255,255,.25);box-shadow:0 0 12px rgba(0,255,255,.15);transition:transform .3s ease,box-shadow .3s ease}.pengui-sub-images img:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 0 20px rgba(124,77,255,.35)}.pengui-main-card{flex:1 1 420px;background:rgba(255,255,255,.06);border:1px solid rgba(0,229,255,.15);border-radius:14px;padding:1rem;box-shadow:0 0 20px rgba(0,255,255,.05);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.pengui-main-img{width:100%;height:auto;border-radius:12px;object-fit:contain;opacity:.9;transition:transform .4s ease,opacity .3s ease;filter:drop-shadow(0 0 25px rgba(0, 229, 255, 0.25))}.pengui-main-card:hover .pengui-main-img{transform:scale(1.05);opacity:1}.pengui-actions{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.4rem;border-radius:10px;font-weight:600;letter-spacing:.5px;text-decoration:none;transition:all .3s ease}.btn.primary{background:linear-gradient(90deg, #00e5ff, #7c4dff);color:#fff;box-shadow:0 0 12px rgba(0,229,255,.35)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 0 24px rgba(0,229,255,.55)}.btn.secondary{background:rgba(255,255,255,.1);color:#b2ebf2;border:1px solid rgba(0,229,255,.25)}.btn.secondary:hover{background:rgba(0,229,255,.15);transform:translateY(-2px)}@media(max-width: 992px){.pengui-content{flex-direction:column;align-items:center;gap:2rem}.pengui-main-card{width:90%;max-width:420px}.pengui-text{text-align:center}.pengui-sub-images{justify-content:center}}@media(max-width: 600px){.pengui-sub-images img{height:100px}.pengui-title{font-size:2.2rem}.pengui-main-card{width:100%;max-width:360px}}
.oneconnection-section{background:radial-gradient(circle at 20% 20%, #0a0b12 0%, #0f1120 100%);color:#e6e6e6;font-family:"Poppins",sans-serif}.oneconnection-section .section-title{font-size:2.6rem;font-weight:700;background:linear-gradient(90deg, #00ff90, #8a5cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 15px rgba(0,255,144,.25)}.oneconnection-section .project-title{font-size:1.9rem;font-weight:700;color:#00ff90;margin-bottom:1rem;text-shadow:0 0 10px rgba(0,255,144,.35)}.oneconnection-section p{line-height:1.8;color:#cfcfcf;font-size:1.05rem}.oneconnection-section .project-links .btn-link{display:inline-block;color:#0f1120;background:linear-gradient(90deg, #00ff90, #8a5cff);font-weight:600;padding:.6rem 1.2rem;border-radius:6px;text-decoration:none;box-shadow:0 0 10px rgba(0,255,144,.4);margin-right:.8rem;transition:all .3s ease}.oneconnection-section .project-links .btn-link:hover{transform:translateY(-2px);box-shadow:0 0 20px rgba(138,92,255,.5)}.oneconnection-section .project-tech{margin-top:.8rem;margin-bottom:.6rem;display:flex;flex-wrap:wrap;gap:10px}.oneconnection-section .project-tech span{color:#8a5cff;background:rgba(138,92,255,.08);border:1px solid rgba(138,92,255,.2);padding:.4rem .8rem;border-radius:6px;font-size:.9rem;letter-spacing:.5px;transition:background .3s ease}.oneconnection-section .project-tech span:hover{background:rgba(0,255,144,.15)}.oneconnection-section .other-tech{font-size:.9rem;color:#999}.oneconnection-section .shadow-neon{filter:drop-shadow(0 0 18px rgba(0, 255, 144, 0.2));transition:transform .4s ease,filter .4s ease}.oneconnection-section .shadow-neon:hover{transform:scale(1.03);filter:drop-shadow(0 0 25px rgba(138, 92, 255, 0.35))}.image-modal{display:none;position:fixed;z-index:1000;inset:0;background:rgba(5,5,10,.9);backdrop-filter:blur(6px);justify-content:center;align-items:center}.image-modal .modal-content{max-width:90%;max-height:90%;border-radius:12px;box-shadow:0 0 40px rgba(0,255,144,.3);animation:zoomIn .3s ease forwards}.image-modal .close{position:absolute;top:25px;right:40px;color:#00ff90;font-size:2rem;font-weight:bold;cursor:pointer;transition:color .2s ease}.image-modal .close:hover{color:#8a5cff}@keyframes zoomIn{from{transform:scale(0.85);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width: 767.98px){.oneconnection-section img{max-width:90%;margin:0 auto}.project-title{text-align:center}.project-links,.project-tech,.other-tech{text-align:center;justify-content:center}}
.kidcode-dark{background:radial-gradient(circle at 20% 30%, #0e0e12 0%, #050507 100%);color:#e5e7eb;font-family:"Roboto",sans-serif;position:relative}.kidcode-dark .project-title{color:#7ae0ff;font-weight:700;font-size:2.2rem;text-shadow:0 0 10px rgba(122,224,255,.4)}.kidcode-dark .project-desc{font-size:1.05rem;color:#b8b9bf;margin-bottom:1.5rem;line-height:1.6}.kidcode-dark .btn-repo{background:linear-gradient(90deg, #8d7bff, #7ae0ff);color:#0d0d0d;padding:.6rem 1.4rem;border-radius:.3rem;font-weight:600;transition:all .3s ease}.kidcode-dark .btn-repo:hover{background:linear-gradient(90deg, #7ae0ff, #8d7bff);text-decoration:none;color:#000;box-shadow:0 0 12px rgba(122,224,255,.4)}.kidcode-dark .project-img{border-radius:10px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:1rem}.kidcode-dark .project-img:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(141,123,255,.4)}.kidcode-dark .tech-title{color:#7ae0ff;font-weight:600;text-transform:uppercase;letter-spacing:1px}.kidcode-dark .tech-icon{width:48px;height:48px;vertical-align:middle;filter:drop-shadow(0 0 5px rgba(122, 224, 255, 0.6))}.kidcode-dark .tech-label{font-weight:500;color:#e5e7eb}.kidcode-dark .tech-others{font-size:.95rem;color:#a3a3a3}.kidcode-dark .image-modal{display:none;position:fixed;z-index:999;padding-top:40px;left:0;top:0;width:100%;height:100%;background-color:rgba(10,10,10,.9);justify-content:center;align-items:center}.kidcode-dark .image-modal .modal-content{max-width:85%;max-height:85%;border-radius:8px;box-shadow:0 0 20px rgba(122,224,255,.4)}.kidcode-dark .image-modal .close{position:absolute;top:20px;right:35px;color:#f1f1f1;font-size:2rem;font-weight:bold;cursor:pointer;transition:.3s}.kidcode-dark .image-modal .close:hover{color:#7ae0ff}@media(max-width: 576px){.kidcode-dark .project-title{font-size:1.8rem}.kidcode-dark .project-img{margin-bottom:1.5rem}}