*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--pink: #d4836a;--cyan: #3a9a8a;--yellow: #c4a54a;--green: #6d9e6d;--orange: #c47a50;--purple: #7d5c7d;--bg: #050508}html{background:var(--bg);scroll-behavior:smooth;font-size:16px}body{font-family:Noto Sans JP,Zen Kaku Gothic New,sans-serif;background:var(--bg);color:#fff;min-height:100vh;overflow-x:hidden}canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px)}.container{max-width:1200px;margin:0 auto;padding:0 16px;position:relative;z-index:1}.marquee-top{position:fixed;top:0;left:0;right:0;z-index:100;height:28px;background:linear-gradient(90deg,var(--pink),var(--orange),var(--yellow),var(--green),var(--cyan),var(--purple));overflow:hidden;display:flex;align-items:center}.marquee-inner{display:flex;animation:marquee 8s linear infinite;white-space:nowrap}.marquee-chunk{flex-shrink:0;padding:0 40px;font-size:11px;font-weight:900;color:#000;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;height:28px;font-family:Kosugi Maru,monospace}.marquee-chunk:nth-child(1){background:var(--pink)}.marquee-chunk:nth-child(2){background:var(--yellow)}.marquee-chunk:nth-child(3){background:var(--cyan)}.marquee-chunk:nth-child(4){background:var(--green)}.marquee-chunk:nth-child(5){background:var(--orange)}.marquee-chunk:nth-child(6){background:var(--purple)}.marquee-chunk:nth-child(7){background:var(--pink)}.marquee-chunk:nth-child(8){background:var(--yellow)}.marquee-chunk:nth-child(9){background:var(--cyan)}.marquee-chunk:nth-child(10){background:var(--green)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:1;padding:120px 16px 80px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--yellow);color:#000;font-size:13px;font-weight:900;padding:6px 18px;letter-spacing:.1em;animation:badgeShake .5s ease-in-out infinite;box-shadow:0 0 30px var(--yellow);margin-bottom:20px;font-family:Kosugi Maru,monospace;position:relative}.hero-badge:after{content:"★ EYE CATCH ★";position:absolute;top:-14px;right:-60px;font-size:9px;color:var(--pink);animation:badgeBounce .8s ease-in-out infinite;white-space:nowrap}@keyframes badgeShake{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}@keyframes badgeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-title-wrap{position:relative;margin-bottom:12px}.hero h1{font-family:"Noto Serif JP",serif;font-size:clamp(3.5rem,14vw,10rem);font-weight:900;line-height:.85;position:relative;z-index:1;color:#fff;text-shadow:3px 3px 0 var(--pink),-3px -3px 0 var(--cyan),0 0 40px var(--purple),0 0 80px var(--pink);animation:titleGlitch .3s steps(3) infinite}@keyframes titleGlitch{0%{text-shadow:3px 3px 0 var(--pink),-3px -3px 0 var(--cyan),0 0 40px var(--purple),0 0 80px var(--pink)}25%{text-shadow:-3px 3px 0 var(--cyan),3px -3px 0 var(--yellow),0 0 60px var(--green)}50%{text-shadow:3px -3px 0 var(--orange),-3px 3px 0 var(--purple),0 0 20px var(--cyan),0 0 60px var(--pink)}75%{text-shadow:-3px -3px 0 var(--pink),3px 3px 0 var(--green),0 0 50px var(--yellow)}}.hero-sub{font-size:clamp(1rem,3vw,1.8rem);font-weight:900;letter-spacing:.3em;margin-bottom:16px;background:linear-gradient(90deg,var(--pink),var(--yellow),var(--cyan),var(--green),var(--pink));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow 2s linear infinite}@keyframes rainbow{0%{background-position:0% 50%}to{background-position:200% 50%}}.hero-desc{font-size:14px;max-width:500px;margin:0 auto 32px;line-height:2.2;font-family:Zen Kaku Gothic New,sans-serif;color:#ffffff80;border:1px dashed rgba(212,131,106,.3);padding:16px 24px;position:relative}.hero-desc:before{content:"⚠";position:absolute;top:-14px;left:12px;font-size:16px;animation:badgeBounce 1.2s ease-in-out infinite}.hero-cta-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:40px}.cta-btn{padding:10px 24px;font-size:12px;font-weight:900;letter-spacing:.2em;border:2px solid;text-transform:uppercase;cursor:pointer;font-family:Kosugi Maru,monospace;animation:flickerBtn .15s infinite alternate;background:transparent;color:#fff;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.cta-btn.pink{border-color:var(--pink);color:var(--pink);box-shadow:0 0 15px var(--pink),inset 0 0 15px #d4836a1a}.cta-btn.cyan{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 15px var(--cyan),inset 0 0 15px #3a9a8a1a}.cta-btn.yellow{border-color:var(--yellow);color:var(--yellow);box-shadow:0 0 15px var(--yellow),inset 0 0 15px #c4a54a1a}.cta-btn.green{border-color:var(--green);color:var(--green);box-shadow:0 0 15px var(--green),inset 0 0 15px #6d9e6d1a}.cta-btn:hover{transform:scale(1.1) rotate(-2deg);filter:brightness(1.3)}@keyframes flickerBtn{0%{opacity:.9}to{opacity:1}}.neon-divider{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 0;position:relative;z-index:1}.neon-divider .dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.neon-divider .dot:nth-child(1){background:var(--pink);box-shadow:0 0 15px var(--pink);animation:dotPulse .8s ease-in-out infinite}.neon-divider .dot:nth-child(2){background:var(--yellow);box-shadow:0 0 15px var(--yellow);animation:dotPulse .8s ease-in-out .1s infinite}.neon-divider .dot:nth-child(3){background:var(--cyan);box-shadow:0 0 15px var(--cyan);animation:dotPulse .8s ease-in-out .2s infinite}.neon-divider .dot:nth-child(4){background:var(--green);box-shadow:0 0 15px var(--green);animation:dotPulse .8s ease-in-out .3s infinite}.neon-divider .line1,.neon-divider .line2{height:2px;flex:1;max-width:80px}.neon-divider .line1{background:linear-gradient(90deg,transparent,var(--pink),var(--yellow),var(--cyan),var(--green))}.neon-divider .line2{background:linear-gradient(90deg,var(--green),var(--cyan),var(--yellow),var(--pink),transparent)}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.8);opacity:.6}}.section-header{padding:60px 0 40px;text-align:center;position:relative;z-index:1}.section-header .emoji{font-size:clamp(2rem,5vw,3rem);animation:bounceIn .6s ease-out;display:block;margin-bottom:8px}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.2)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.section-header .title-en{font-family:Inter,Noto Sans JP,sans-serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:900;letter-spacing:-.03em;line-height:1;background:linear-gradient(180deg,var(--yellow) 0%,var(--pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px var(--yellow));display:block}.section-header .title-jp{font-size:clamp(1rem,2.5vw,1.4rem);font-weight:900;letter-spacing:.2em;color:var(--cyan);margin-top:4px;font-family:Kosugi Maru,monospace}.section-header .sub{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.section-header .sub span{font-size:9px;letter-spacing:.3em;color:var(--purple);font-weight:900;font-family:Kosugi Maru,monospace}.section-header .sub i{width:24px;height:1px;background:var(--pink)}.about-comic{max-width:750px;margin:0 auto;z-index:1;background:linear-gradient(135deg,#d4836a0d,#3a9a8a0d);border:3px solid var(--pink);padding:40px 32px;box-shadow:0 0 30px #d4836a26,8px 8px #c4a54a4d;position:relative}.about-comic:before{content:"ABOUT ME ★ ABOUT ME ★";position:absolute;top:-12px;left:16px;font-size:10px;font-weight:900;background:var(--pink);color:#000;padding:2px 12px;font-family:Kosugi Maru,monospace;letter-spacing:.1em}.about-comic p{font-size:14px;line-height:2.4;font-weight:700;margin-bottom:12px;font-family:Zen Kaku Gothic New,sans-serif;color:#ffffffbf}.about-comic .hl-pink{color:var(--pink);background:#d4836a1a;padding:1px 6px}.about-comic .hl-cyan{color:var(--cyan);background:#3a9a8a1a;padding:1px 6px}.about-comic .hl-yellow{color:var(--yellow);background:#c4a54a1a;padding:1px 6px}.about-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.about-tag{font-size:10px;font-weight:900;padding:6px 14px;letter-spacing:.15em;border:2px solid;font-family:Kosugi Maru,monospace;transform:rotate(var(--rot, 0deg));transition:transform .2s}.about-tag:hover{transform:rotate(0) scale(1.1)}.about-tag.pink{border-color:var(--pink);color:var(--pink);--rot: -2deg}.about-tag.cyan{border-color:var(--cyan);color:var(--cyan);--rot: 2deg}.about-tag.yellow{border-color:var(--yellow);color:var(--yellow);--rot: -1deg}.about-tag.green{border-color:var(--green);color:var(--green);--rot: 1.5deg}.about-tag.purple{border-color:var(--purple);color:var(--purple);--rot: -2.5deg}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;position:relative;z-index:1}.service-card{background:linear-gradient(145deg,#0a0a0af2,#050505fa);border:3px solid;padding:0;text-decoration:none;display:flex;flex-direction:column;position:relative;overflow:visible;transition:all .3s;transform:rotate(var(--rot, 0deg));clip-path:polygon(0 14px,14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px))}.service-card:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:-1;pointer-events:none;opacity:0;transition:opacity .3s;background:inherit;filter:blur(18px)}.service-card:hover{transform:rotate(0) translateY(-5px) scale(1.03);z-index:10}.service-card:hover:after{opacity:1}.service-card.pink{border-color:var(--pink);box-shadow:0 0 18px #d4836a33,inset 0 0 30px #d4836a08;--rot: -.8deg}.service-card.cyan{border-color:var(--cyan);box-shadow:0 0 18px #3a9a8a33,inset 0 0 30px #3a9a8a08;--rot: .6deg}.service-card.yellow{border-color:var(--yellow);box-shadow:0 0 18px #c4a54a33,inset 0 0 30px #c4a54a08;--rot: -.5deg}.service-card.green{border-color:var(--green);box-shadow:0 0 18px #6d9e6d33,inset 0 0 30px #6d9e6d08;--rot: .8deg}.service-card.purple{border-color:var(--purple);box-shadow:0 0 18px #7d5c7d33,inset 0 0 30px #7d5c7d08;--rot: -.6deg}.service-card.orange{border-color:var(--orange);box-shadow:0 0 18px #c47a5033,inset 0 0 30px #c47a5008;--rot: .7deg}.sc-neon-tube{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-bottom:2px solid;font-family:Kosugi Maru,monospace;font-size:9px;font-weight:900;letter-spacing:.15em}.service-card.pink .sc-neon-tube{border-color:#d4836a4d;background:#d4836a0d;color:var(--pink)}.service-card.cyan .sc-neon-tube{border-color:#3a9a8a4d;background:#3a9a8a0d;color:var(--cyan)}.service-card.yellow .sc-neon-tube{border-color:#c4a54a4d;background:#c4a54a0d;color:var(--yellow)}.service-card.green .sc-neon-tube{border-color:#6d9e6d4d;background:#6d9e6d0d;color:var(--green)}.service-card.purple .sc-neon-tube{border-color:#7d5c7d4d;background:#7d5c7d0d;color:var(--purple)}.service-card.orange .sc-neon-tube{border-color:#c47a504d;background:#c47a500d;color:var(--orange)}.sc-neon-tube .status{display:flex;align-items:center;gap:6px}.sc-neon-tube .status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;animation:statusDot 1s ease-in-out infinite}@keyframes statusDot{0%,to{opacity:1}50%{opacity:.3}}.sc-neon-tube .tube-no{opacity:.5}.sc-body{padding:20px 24px 18px;flex:1;display:flex;flex-direction:column;gap:10px;position:relative}.sc-cat-tag{align-self:flex-start;font-size:9px;font-weight:900;letter-spacing:.2em;padding:3px 12px;border:1.5px solid;border-radius:2px;font-family:Kosugi Maru,monospace;display:flex;align-items:center;gap:4px;background:transparent;position:relative}.sc-cat-tag:before{content:"#";opacity:.5;font-size:8px}.service-card.pink .sc-cat-tag{border-color:#d4836a66;color:var(--pink)}.service-card.cyan .sc-cat-tag{border-color:#3a9a8a66;color:var(--cyan)}.service-card.yellow .sc-cat-tag{border-color:#c4a54a66;color:var(--yellow)}.service-card.green .sc-cat-tag{border-color:#6d9e6d66;color:var(--green)}.service-card.purple .sc-cat-tag{border-color:#7d5c7d66;color:var(--purple)}.service-card.orange .sc-cat-tag{border-color:#c47a5066;color:var(--orange)}.sc-emoji{font-size:38px;line-height:1;align-self:flex-start;margin:4px 0;filter:drop-shadow(0 0 8px currentColor);position:relative}.sc-title{font-size:20px;font-weight:900;line-height:1.25;margin:0;font-family:Noto Sans JP,Zen Kaku Gothic New,sans-serif;letter-spacing:-.01em}.service-card.pink .sc-title{color:var(--pink);text-shadow:0 0 12px rgba(212,131,106,.4)}.service-card.cyan .sc-title{color:var(--cyan);text-shadow:0 0 12px rgba(58,154,138,.4)}.service-card.yellow .sc-title{color:var(--yellow);text-shadow:0 0 12px rgba(196,165,74,.4)}.service-card.green .sc-title{color:var(--green);text-shadow:0 0 12px rgba(109,158,109,.4)}.service-card.purple .sc-title{color:var(--purple);text-shadow:0 0 12px rgba(125,92,125,.4)}.service-card.orange .sc-title{color:var(--orange);text-shadow:0 0 12px rgba(196,122,80,.4)}.sc-desc{font-size:12px;line-height:1.8;color:#ffffff80;font-weight:600;font-family:Zen Kaku Gothic New,sans-serif;border-left:2px solid;padding-left:12px;margin-left:2px}.service-card.pink .sc-desc{border-color:#d4836a40}.service-card.cyan .sc-desc{border-color:#3a9a8a40}.service-card.yellow .sc-desc{border-color:#c4a54a40}.service-card.green .sc-desc{border-color:#6d9e6d40}.service-card.purple .sc-desc{border-color:#7d5c7d40}.service-card.orange .sc-desc{border-color:#c47a5040}.sc-foot{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-top:2px solid;font-family:Kosugi Maru,monospace}.sc-foot .sc-url{font-size:9px;letter-spacing:.05em;opacity:.3;transition:opacity .3s;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-foot .sc-go{font-size:18px;transition:transform .3s;opacity:.4;font-weight:900;display:flex;align-items:center;gap:4px}.sc-foot .sc-go .arrow{display:inline-block;transition:transform .3s}.service-card:hover .sc-url{opacity:.7}.service-card:hover .sc-go{opacity:1}.service-card:hover .sc-go .arrow{transform:translate(4px)}.service-card.pink .sc-foot{border-color:#d4836a40;color:var(--pink)}.service-card.cyan .sc-foot{border-color:#3a9a8a40;color:var(--cyan)}.service-card.yellow .sc-foot{border-color:#c4a54a40;color:var(--yellow)}.service-card.green .sc-foot{border-color:#6d9e6d40;color:var(--green)}.service-card.purple .sc-foot{border-color:#7d5c7d40;color:var(--purple)}.service-card.orange .sc-foot{border-color:#c47a5040;color:var(--orange)}.sc-corner{position:absolute;width:20px;height:20px;pointer-events:none;z-index:2;opacity:0;transition:opacity .3s}.sc-corner:before,.sc-corner:after{content:"";position:absolute;background:currentColor}.sc-corner.tl{top:-1px;left:-1px}.sc-corner.tl:before{top:0;left:0;width:2px;height:10px}.sc-corner.tl:after{top:0;left:0;width:10px;height:2px}.sc-corner.tr{top:-1px;right:-1px}.sc-corner.tr:before{top:0;right:0;width:2px;height:10px}.sc-corner.tr:after{top:0;right:0;width:10px;height:2px}.sc-corner.bl{bottom:-1px;left:-1px}.sc-corner.bl:before{bottom:0;left:0;width:2px;height:10px}.sc-corner.bl:after{bottom:0;left:0;width:10px;height:2px}.sc-corner.br{bottom:-1px;right:-1px}.sc-corner.br:before{bottom:0;right:0;width:2px;height:10px}.sc-corner.br:after{bottom:0;right:0;width:10px;height:2px}.service-card:hover .sc-corner{opacity:.6}.service-card.pink .sc-corner{color:var(--pink)}.service-card.cyan .sc-corner{color:var(--cyan)}.service-card.yellow .sc-corner{color:var(--yellow)}.service-card.green .sc-corner{color:var(--green)}.service-card.purple .sc-corner{color:var(--purple)}.service-card.orange .sc-corner{color:var(--orange)}.sticker-wall{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px;margin:0 auto;position:relative;z-index:1}.sticker{font-size:10px;font-weight:900;padding:8px 18px;letter-spacing:.15em;font-family:Kosugi Maru,monospace;position:relative;color:#000;transform:rotate(var(--rot)) scale(var(--scl));transition:all .2s;animation:stickerFloat var(--flt) ease-in-out infinite;box-shadow:2px 2px #0000004d}.sticker:hover{transform:rotate(0) scale(1.3);z-index:10}@keyframes stickerFloat{0%,to{transform:rotate(var(--rot)) translateY(0)}50%{transform:rotate(var(--rot)) translateY(-4px)}}.footer{text-align:center;padding:60px 16px;position:relative;z-index:1;border-top:3px dashed var(--pink)}.footer .neon-line{width:100px;height:3px;margin:0 auto 20px;background:linear-gradient(90deg,var(--pink),var(--yellow),var(--cyan),var(--green),var(--purple));animation:rainbow 2s linear infinite;background-size:200% auto}.footer .big-text{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:900;color:var(--yellow);text-shadow:0 0 20px var(--yellow),0 0 40px var(--orange);font-family:Kosugi Maru,monospace;margin-bottom:8px}.footer p{font-size:10px;color:#fff3;letter-spacing:.3em}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--pink);border-radius:3px}::selection{background:var(--yellow);color:#000}