:root{--color-bg: #050510;--color-text: #e0e0e0;--color-primary: #8ab4f8;--color-accent: #c58af9;--color-glass: rgba(255, 255, 255, .05);--color-glass-border: rgba(255, 255, 255, .1);--font-main: "Zen Maru Gothic", sans-serif;--font-display: "Cinzel", serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-bottom:2rem}#tsparticles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.main-content{text-align:center;z-index:10;width:100%;padding-top:5vh;flex:1;display:flex;flex-direction:column;justify-content:center}@media(max-width:768px){.main-content{padding-top:4rem}}.hero{margin-bottom:4rem;visibility:hidden}h1{font-family:var(--font-display);font-size:5rem;font-weight:700;letter-spacing:.2em;color:#fff;text-shadow:0 0 10px rgba(138,180,248,.5),0 0 20px rgba(138,180,248,.3);margin-bottom:1rem;position:relative}@media(max-width:768px){h1{font-size:3rem}}@media(max-width:480px){h1{font-size:2.2rem;letter-spacing:.1em}}.subtitle{font-size:1.2rem;letter-spacing:.1em;opacity:.8;font-weight:300}@media(max-width:480px){.subtitle{font-size:.9rem}}.portal-nav{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.portal-card{position:relative;width:300px;height:200px;visibility:hidden;background:var(--color-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-glass-border);border-radius:16px;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}@media(max-width:480px){.portal-card{width:100%;max-width:320px;height:160px}}.portal-card:hover{transform:translateY(-10px) scale(1.02);border-color:#ffffff4d;box-shadow:0 10px 30px -10px #00000080;background:#ffffff14}.portal-card:hover .card-glow{opacity:1}.portal-card:hover h2{text-shadow:0 0 15px currentColor}.card-content{z-index:2;text-align:center}.portal-card h2{font-family:var(--font-display);font-size:2rem;margin-bottom:.5rem;transition:text-shadow .3s ease}#card-mind h2{color:#a8d8ea}#card-dev h2{color:#aa96da}#card-works h2{color:#fcbad3}.portal-card p{font-size:.9rem;opacity:.7;margin-bottom:1rem;font-family:Cinzel,serif}.jp-label{font-size:.9rem;opacity:.9;letter-spacing:.1em;display:block;font-weight:500}.card-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;z-index:1}.footer{margin-top:4rem;width:100%;text-align:center;font-size:.8rem;opacity:.4;padding-bottom:1rem;visibility:hidden}