:root{--bg-color: #050505;--text-main: #ffffff;--text-sub: #a0a0b0;--accent-purple: #9d00ff;--accent-red: #ff0040;--line-green: #00ff9d;--card-bg: rgba(20, 20, 25, .4);--card-border: rgba(255, 255, 255, .08);--font-en: "Manrope", sans-serif;--font-jp: "Noto Sans JP", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-jp);line-height:1.8;overflow-x:hidden;cursor:none}.cursor-dot,.cursor-outline{position:fixed;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;z-index:9999;pointer-events:none}.cursor-dot{width:8px;height:8px;background-color:var(--accent-red);box-shadow:0 0 10px var(--accent-red)}.cursor-outline{width:40px;height:40px;border:1px solid var(--accent-red);opacity:.3;transition:width .2s,height .2s}body:hover .cursor-outline{width:50px;height:50px;background-color:#ff00400d}.neon-ambient{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;pointer-events:none}.neon-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float 20s infinite ease-in-out alternate}.orb-1{width:500px;height:500px;background:var(--accent-purple);top:-150px;left:-100px}.orb-2{width:500px;height:500px;background:var(--accent-red);bottom:-150px;right:-100px;animation-delay:-5s}.orb-3{display:none}@keyframes float{0%{transform:translate(0)}to{transform:translate(30px,40px)}}h1,h2,h3{font-family:var(--font-en);font-weight:800;line-height:1.2;color:#fff}a{text-decoration:none;color:inherit;transition:.3s}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.nav{position:fixed;top:0;width:100%;padding:1.5rem 0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050505cc;border-bottom:1px solid rgba(255,255,255,.05)}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-family:var(--font-en);font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.dot{color:var(--accent-red)}.nav-menu{display:flex;gap:2.5rem;align-items:center}.nav-link{font-family:var(--font-en);font-size:1rem;font-weight:700;color:var(--line-green);background:#0000004d;border:1px solid rgba(0,255,157,.3);padding:.5rem 1.6rem;border-radius:50px;transition:all .3s ease;letter-spacing:.05em;position:relative;overflow:hidden}.nav-link:hover{background:#00ff9d26;color:#fff;border-color:var(--line-green);box-shadow:0 0 20px #00ff9d99,inset 0 0 10px #00ff9d33;text-shadow:0 0 8px var(--line-green);transform:translateY(-2px)}.nav-link.contact-btn{padding:.6rem 1.5rem;border:1px solid var(--accent-purple);border-radius:50px;color:#fff}.nav-link.contact-btn:hover{background:var(--accent-purple);box-shadow:0 0 15px var(--accent-purple);color:#fff}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:6px}.mobile-menu-toggle span{display:block;width:25px;height:2px;background-color:#fff}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px;position:relative}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-subtitle{font-family:var(--font-en);font-size:.9rem;letter-spacing:.2em;color:var(--accent-red);margin-bottom:1.5rem;font-weight:700}.hero-title{font-size:4.5rem;letter-spacing:-.03em;margin-bottom:2rem}.highlight{color:var(--accent-purple);text-shadow:0 0 15px rgba(188,19,254,.4)}.hero-desc{color:var(--text-sub);margin-bottom:3rem;max-width:500px;font-size:1.05rem}.hero-visual{position:relative;perspective:1000px}.hero-img{width:100%;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 20px #9d00ff26;transform:rotateY(-5deg) rotateX(2deg);transition:all .5s ease}.hero-img:hover{transform:rotateY(0) rotateX(0);box-shadow:0 0 40px #9d00ff4d}.floating-badge{position:absolute;bottom:40px;left:-30px;background:#0a0a0fcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:12px;border:1px solid var(--accent-red);display:flex;align-items:center;gap:10px;box-shadow:0 0 15px #ff004033;animation:floatBadge 4s ease-in-out infinite}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.profile{padding:50px 0 100px}.profile-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 30px #00000080;position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-purple);box-shadow:0 0 15px var(--accent-purple)}.profile-header{margin-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1.5rem}.profile-name{font-family:var(--font-en);font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:.5rem;text-shadow:0 0 10px rgba(255,255,255,.3)}.profile-role{color:var(--line-green);font-size:1.1rem;letter-spacing:.05em;font-weight:700}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.profile-item h4{font-size:1rem;color:var(--text-sub);margin-bottom:1rem;border-left:2px solid var(--accent-red);padding-left:10px}.profile-list{display:flex;flex-direction:column;gap:.8rem}.profile-row{display:flex;align-items:center;gap:1rem}.p-label{background:#ffffff1a;padding:.2rem .8rem;border-radius:4px;font-size:.85rem;min-width:60px;text-align:center}.p-value{font-size:1.1rem;font-weight:500}.profile-message{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.profile-message h4{font-size:1rem;color:var(--text-sub);margin-bottom:1rem;border-left:2px solid var(--accent-red);padding-left:10px}.p-highlight{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:1rem;background:linear-gradient(90deg,var(--accent-purple),transparent);width:fit-content;padding:.2rem 1rem;border-radius:4px}.p-text p{line-height:1.8;color:var(--text-sub);margin-bottom:.5rem}.p-text .mt-2{margin-top:1.5rem}@media(max-width:768px){.profile-grid{grid-template-columns:1fr;gap:2rem}}.services{padding:100px 0}.section-title-wrapper{display:flex;align-items:center;gap:2rem;margin-bottom:4rem}.section-title{font-size:2.5rem;white-space:nowrap}.line{width:100%;height:1px;background:var(--line-green);box-shadow:0 0 5px var(--line-green)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:var(--card-bg);border:1px solid var(--card-border);padding:2.5rem;border-radius:16px;transition:all .3s}.service-card:hover{transform:translateY(-5px);border-color:var(--accent-purple);box-shadow:0 0 15px #9d00ff33}.service-icon{font-size:2.5rem;margin-bottom:1.5rem}.service-card h3{font-size:1.5rem;margin-bottom:1rem}.works{padding:100px 0}.work-item{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center;margin-bottom:6rem;background:#ffffff05;padding:2rem;border-radius:20px;border:1px solid transparent}.work-item:hover{border-color:var(--card-border);background:#ffffff08}.work-visual img{width:100%;height:auto;display:block;border-radius:12px}.work-cat{color:var(--accent-purple);font-family:var(--font-en);font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.work-tags span{font-size:.8rem;padding:.4rem 1rem;border:1px solid var(--accent-purple);border-radius:50px;color:#ddd;background:#9d00ff1a}.contact{padding:100px 0 150px;text-align:center}.contact-title{font-size:3.5rem;margin-bottom:1.5rem}.main-btn{display:inline-flex;align-items:center;gap:1rem;padding:1rem 3rem;background:transparent;color:#fff;border:1px solid #fff;border-radius:50px;font-weight:700;font-family:var(--font-en);transition:transform .3s}.main-btn:hover{transform:translateY(-5px);background:#fff;color:#000;box-shadow:0 0 20px #ffffff4d}.work-visual-grid{display:grid;grid-template-columns:1fr;gap:1rem}.work-visual-grid img{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform .5s}.work-visual-grid:hover img{transform:scale(1.05)}.contact-message-large{font-size:2rem;font-weight:700;line-height:1.8;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.2);margin-top:2rem}.footer{border-top:1px solid rgba(255,255,255,.05);padding:2rem 0;text-align:center}@media(max-width:900px){.hero-container{grid-template-columns:1fr;text-align:center;padding-top:60px}.nav-menu{display:none;position:absolute;top:100%;left:0;width:100%;background:#050505f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:2rem;border-bottom:1px solid var(--accent-purple)}.nav-menu.active,.mobile-menu-toggle{display:flex}.hero-title{font-size:3rem}.work-item{grid-template-columns:1fr;gap:2rem}.cursor-dot,.cursor-outline{display:none}body{cursor:auto}}