@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Noto+Sans+JP:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:#080810;color:#d4d4d8;font-family:Outfit,Noto Sans JP,sans-serif;font-size:.875rem;line-height:1.65;overflow-x:hidden}@media(min-width:768px){body{font-size:1rem}}::selection{background:#818cf840;color:#fff}.mono{font-family:JetBrains Mono,monospace}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{animation:blink 1s step-end infinite}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 #34d39980}70%{box-shadow:0 0 0 6px #34d39900}to{box-shadow:0 0 0 0 #34d39900}}.pulse-dot{animation:pulse-ring 2s ease-out infinite}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch-hover:hover{animation:glitch .2s cubic-bezier(.25,.46,.45,.94) infinite both;color:#34d399;text-shadow:0 0 5px #34d39980}@keyframes gradient-pan{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animated-gradient-text{-webkit-text-fill-color:#0000;animation:gradient-pan 6s ease infinite;background:linear-gradient(135deg,#e0e7ff,#a5b4fc,#34d399,#818cf8,#e0e7ff);-webkit-background-clip:text;background-size:300% 300%;filter:drop-shadow(0 0 8px rgba(52,211,153,.3))}@keyframes text-sweep{0%{background-position:-200%}to{background-position:200%}}.text-sweep{animation:text-sweep 4s linear infinite;background:linear-gradient(90deg,#d4d4d8 20%,#fff 50%,#d4d4d8 80%);-webkit-background-clip:text;background-size:200% auto;color:#0000}.project-card{transition:border-color .3s,box-shadow .3s,transform .3s}.project-card:hover{box-shadow:0 0 16px 4px #6366f159}@keyframes float{0%,to{transform:translateY(-50%) translateY(0)}50%{transform:translateY(-50%) translateY(-8px)}}.float-anim{animation:float 5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.smart-bar{animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#0000,#06b6d4 20%,#3b82f6 50%,#8b5cf6 80%,#0000);background-size:200% auto}.tech-link{color:inherit;text-decoration:underline;-webkit-text-decoration-color:#818cf866;text-decoration-color:#818cf866;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-underline-offset:3px;transition:color .2s,-webkit-text-decoration-color .2s;transition:color .2s,text-decoration-color .2s;transition:color .2s,text-decoration-color .2s,-webkit-text-decoration-color .2s}.tech-link:hover{color:#a5b4fc;-webkit-text-decoration-color:#818cf8;text-decoration-color:#818cf8;-webkit-text-decoration-style:solid;text-decoration-style:solid}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#080810}::-webkit-scrollbar-thumb{background:#27272a;border-radius:9px}.glass-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;transition:border-color .3s,background .3s,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.glass-card:hover{background:#34d39908;border-color:#34d3994d;box-shadow:0 0 16px 4px #34d39940;transform:translateY(-4px) scale(1.01)}.skill-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;height:100%;overflow:hidden;padding:20px;position:relative;transition:border-color .3s,background .3s,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}.skill-card:before{background:var(--accent);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s,height .3s}.skill-card:hover{background:color-mix(in srgb,var(--accent) 5%,#0000);border-color:color-mix(in srgb,var(--accent) 40%,#0000);box-shadow:0 0 16px 4px color-mix(in srgb,var(--accent) 35%,#0000);transform:translateY(-3px)}.skill-card:hover:before{height:3px;opacity:1}.timeline-line{background:linear-gradient(180deg,#34d399cc,#34d3991a);bottom:0;box-shadow:0 0 10px #34d39966;left:19px;position:absolute;top:0;width:2px}.divider{background:linear-gradient(90deg,#0000 5%,#34d3994d 30%,#a78bfa33 70%,#0000 95%);box-shadow:0 0 10px #34d39933;height:1px}@keyframes bg-pan{0%{background-position:0 0}to{background-position:100% 100%}}.dot-grid{animation:bg-pan 30s linear infinite;background-image:linear-gradient(#34d39912 1px,#0000 0),linear-gradient(90deg,#34d39912 1px,#0000 0);background-size:40px 40px}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.noise{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-size:200px 200px;inset:0;opacity:.025;pointer-events:none;position:absolute}
/*# sourceMappingURL=main.29b4ea52.css.map*/