@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";html,body{background:#000;width:100%;overflow-x:hidden}.metaballs-container{width:100%;height:100%;position:relative}.menu-container{justify-content:center;align-items:center;width:100%;height:140px;display:flex;position:relative}.liquid-engine{filter:url(#black-white-goo);pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.liquid-mass{background:#fff;transition:transform 1.6s cubic-bezier(.22,1,.36,1);position:absolute;box-shadow:0 0 15px #fff3}.menu-container:hover .liquid-mass{transition:transform 1.2s cubic-bezier(.34,1.6,.4,1)}.fluid-pill{border-radius:30px;width:180px;height:60px}.fluid-pill.center-node{width:320px}.typography-engine{z-index:5;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.social-link{color:#000;width:180px;height:60px;font-family:var(--display);text-transform:uppercase;letter-spacing:2px;opacity:0;pointer-events:none;justify-content:center;align-items:center;font-size:16px;font-weight:800;text-decoration:none;transition:transform 1.6s cubic-bezier(.22,1,.36,1),opacity .5s ease-out;display:flex;position:absolute;transform:scale(.85)}.menu-container:hover .social-link{transition:transform 1.2s cubic-bezier(.34,1.6,.4,1),opacity .3s ease-in}.social-link.center-node{width:320px;font-size:18px}.social-link:hover{color:#555}.social-link.insta:hover{color:#e1306c}.social-link.discord:hover{color:#5865f2}.center-node{z-index:10;opacity:1;pointer-events:auto;cursor:pointer}.center-node .text-default{opacity:1;transition:opacity .3s;position:absolute}.center-node .text-hover{opacity:0;transition:opacity .3s;position:absolute}.menu-container:hover .center-node .text-default{opacity:0}.menu-container:hover .center-node .text-hover{opacity:1}.menu-container:hover .center-node{color:#000}.menu-container:hover .center-node:hover{color:#0a66c2}.menu-container:hover .social-link{opacity:1;pointer-events:auto;transform:scale(1)}.menu-container:hover .insta{transform:translate(-520px)}.menu-container:hover .github{transform:translate(-280px)}.menu-container:hover .x{transform:translate(280px)}.menu-container:hover .discord{transform:translate(520px)}.github,.x{transition-delay:50ms}.insta,.discord{transition-delay:.1s}@media (width<=768px){.menu-container:hover .insta{transform:translate(-180px,-40px)}.menu-container:hover .github{transform:translate(-90px,40px)}.menu-container:hover .x{transform:translate(90px,40px)}.menu-container:hover .discord{transform:translate(180px,-40px)}.fluid-pill,.social-link{width:160px;height:40px;font-size:11px}}:root{--progress:0;--black:#000;--white:#fff;--off-white:#d8d8d8;--gray-1:#888;--gray-2:#444;--border:#ffffff2e;--border-s:#ffffff14;--glow:#7c3aed;--display:"Space Grotesk", "Helvetica Neue", Arial, sans-serif;--body:"Inter", "Helvetica Neue", Arial, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{all:unset;display:block}.app{background:var(--black);min-height:100vh}section{content-visibility:auto;contain-intrinsic-size:0 500px}.card{contain:layout style}#logo-ui{z-index:1000;left:50%;top:calc(50% - var(--progress) * 45%);transform:translate(-50%, calc(-50% + var(--progress) * 50%));align-items:center;gap:calc(8px - var(--progress) * 4px);will-change:transform;display:flex;position:fixed}.lg-bracket{font-family:var(--display);color:var(--white);letter-spacing:-1px;white-space:nowrap;font-weight:300;line-height:1;font-size:calc(52px - var(--progress) * 32px);opacity:1}.lg-pill{width:calc(54px + var(--progress) * 560px);border-radius:calc(25px - var(--progress) * 12px);will-change:width;background:#05050cd9;border:1px solid #ffffff4d;justify-content:center;align-items:center;height:50px;display:flex;position:relative;overflow:hidden}.lg-dot{font-family:var(--display);color:var(--off-white);opacity:calc(1 - var(--progress));white-space:nowrap;flex-shrink:0;font-size:20px;font-weight:300;line-height:1}.lg-o{font-family:var(--display);color:var(--glow);text-shadow:0 0 24px var(--glow), 0 0 48px #7c3aed4d;opacity:calc(1 - var(--progress));flex-shrink:0;font-size:22px;font-weight:300;line-height:1}.lg-nav{opacity:var(--progress);white-space:nowrap;transform:translateY(calc((1 - var(--progress)) * 6px));align-items:center;gap:4px;display:flex;position:absolute}.lg-nav-btn{font-family:var(--display);letter-spacing:1.8px;text-transform:uppercase;color:var(--off-white);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:8px 14px;font-size:11px;font-weight:500;transition:background .15s,color .15s}.lg-nav-btn:hover{color:var(--white);background:#ffffff14}.stack-chip{color:var(--gray-1);background:var(--bg-card);border:1px solid var(--border);letter-spacing:1px;border-radius:100px;padding:8px 16px;font-size:11px;font-weight:500}.stack-chip:hover{border-color:var(--gray-2);background:#ffffff0d}.systems-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center;gap:40px;padding:40px 20px;display:grid}.solar-system{justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:relative}.center-star{color:#fff;z-index:10;text-transform:uppercase;letter-spacing:1px;background:#000;padding:0 15px;font-size:1.2rem;font-weight:700;position:absolute}.orbit-ring{border:1px dashed #333;border-radius:50%;width:100%;height:100%;animation:20s linear infinite spin;position:absolute}.skill-wrapper{width:50px;height:50px;margin-top:-25px;margin-left:-25px;position:absolute}.pos-top{top:0%;left:50%}.pos-right{top:50%;left:100%}.pos-bottom{top:100%;left:50%}.pos-left{top:50%;left:0%}.skill-badge{text-align:center;box-sizing:border-box;background:#111;border:1px solid #444;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;padding:4px;font-size:.65rem;line-height:1.1;animation:20s linear infinite anti-spin;display:flex;box-shadow:0 4px 10px #00000080}.skill-badge img{object-fit:contain;width:60%;height:60%}.empty-badge{background:0 0;border:1px dashed #444;border-radius:50%;width:100%;height:100%;animation:20s linear infinite anti-spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes anti-spin{to{transform:rotate(-360deg)}}.social-wrapper{justify-content:center;align-items:center;width:100%;max-width:950px;height:60px;margin:40px auto;display:flex;position:relative}.social-main-bar{color:#f3d399;width:100%;height:100%;font-family:var(--display);letter-spacing:2px;text-transform:uppercase;z-index:2;background:#111;border:1px solid #333;border-radius:50px;justify-content:center;align-items:center;transition:all 1s ease-in-out;display:flex;position:absolute}.circles-row{opacity:0;z-index:1;justify-content:space-between;width:100%;transition:all 1s ease-in-out;display:flex;transform:scale(.5)}.social-circle{color:#fff;background:#111;border:1px solid #333;border-radius:60px;justify-content:center;align-items:center;width:140px;height:60px;font-size:15px;font-weight:500;text-decoration:none;transition:background .3s,transform .3s;display:flex}.social-wrapper:hover .social-main-bar{opacity:0;transform:scale(.8)}.social-wrapper:hover .circles-row{opacity:1;transform:scale(1)}.social-circle:hover{color:#f3d399;background:#1a1a1a;border-color:#f3d39966;transform:translateY(-2px)}.page-content{padding-bottom:40px}.card{border:1px solid var(--border);margin:20px;position:relative}.card-inner{padding:40px 48px}.card-header{border-bottom:1px solid var(--border-s);justify-content:space-between;align-items:baseline;padding:14px 48px;display:flex}.card-header-label{font-family:var(--display);letter-spacing:2px;text-transform:uppercase;color:var(--gray-1);font-size:18px;font-weight:700}.card-header-num{font-family:var(--display);letter-spacing:2px;color:var(--gray-2);font-size:16px;font-weight:400}.card-footer{border-top:1px solid var(--border-s);grid-template-columns:repeat(4,1fr);gap:24px;padding:14px 48px;display:grid}.card-footer-col{flex-direction:column;gap:2px;display:flex}.label-xs{letter-spacing:2.5px;text-transform:uppercase;color:var(--gray-2);font-size:9px;font-weight:500}.value-xs{color:var(--gray-1);letter-spacing:.3px;font-size:11px}.hero-card{border:1px solid var(--border);margin:20px}.hero-name-area{padding:32px 48px 24px;overflow:hidden}.hero-giant-name{font-family:var(--display);letter-spacing:-.04em;color:var(--white);word-wrap:break-word;width:100%;font-size:clamp(48px,12vw,150px);font-weight:700;line-height:1}.hero-sub-row{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 48px 24px;display:flex}.hero-role-badge{font-family:var(--display);letter-spacing:2.5px;text-transform:uppercase;color:var(--gray-1);border:1px solid var(--border);padding:5px 14px;font-size:10px}.hero-tagline{color:var(--gray-2);letter-spacing:.4px;font-size:12px}.hero-main-row{align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero-text-col{flex:1;min-width:0}.hero-photo-wrap{flex-shrink:0;align-self:flex-end;width:clamp(160px,22vw,300px);margin-right:0;-webkit-mask-image:linear-gradient(#000 75%,#0000 100%);mask-image:linear-gradient(#000 75%,#0000 100%)}.hero-photo{object-fit:cover;object-position:top center;mix-blend-mode:lighten;width:100%;display:block}.contents-header{justify-content:space-between;align-items:baseline;padding:36px 48px 24px;display:flex}.contents-title{font-family:var(--display);letter-spacing:-2px;color:var(--white);font-size:clamp(36px,5vw,60px);font-weight:700;line-height:1}.contents-sub{font-family:var(--display);letter-spacing:-2px;color:var(--gray-2);font-size:clamp(32px,4.5vw,56px);font-weight:700;line-height:1}.contents-divider{background:var(--border-s);height:1px;margin:0 48px}.contents-grid{grid-template-columns:repeat(3,1fr);padding:28px 48px 36px;display:grid}.contents-item{border-right:1px solid var(--border-s);cursor:pointer;padding:18px 20px 18px 0;text-decoration:none;transition:background .15s}.contents-item:nth-child(3n),.contents-item:last-child{border-right:none}.contents-item:hover{background:#ffffff05}.contents-bullet{color:var(--gray-2);margin-bottom:5px;font-size:13px;display:block}.contents-name{font-family:var(--display);letter-spacing:1.5px;text-transform:uppercase;color:var(--off-white);margin-bottom:2px;font-size:12px;font-weight:600;display:block}.contents-en{color:var(--gray-1);letter-spacing:.3px;margin-bottom:4px;font-size:11px;display:block}.contents-pages{font-family:var(--display);color:var(--gray-2);letter-spacing:1px;font-size:11px}.about-body-text{color:var(--gray-1);max-width:680px;font-size:15px;font-weight:300;line-height:1.9}.about-bullets{border-top:1px solid var(--border-s);grid-template-columns:repeat(3,1fr);margin-top:32px;display:grid}.about-bullet-item{border-right:1px solid var(--border-s);flex-direction:column;gap:4px;padding:18px 20px 18px 0;display:flex}.about-bullet-item:last-child,.about-bullet-item:nth-child(3n){border-right:none}.bullet-circle{color:var(--gray-2);margin-bottom:4px;font-size:13px}.bullet-label{font-family:var(--display);color:var(--white);font-size:13px;font-weight:600}.bullet-sub{color:var(--gray-2);font-size:11px}.exp-list{padding:0 48px 36px}.exp-item{border-bottom:1px solid var(--border-s);grid-template-columns:44px 1fr auto;align-items:start;gap:24px;padding:22px 0;display:grid}.exp-item:last-child{border-bottom:none}.exp-num{font-family:var(--display);letter-spacing:2px;color:var(--gray-2);padding-top:2px;font-size:11px;font-weight:500}.exp-content{flex-direction:column;gap:5px;display:flex}.exp-role{font-family:var(--display);color:var(--white);letter-spacing:-.3px;font-size:18px;font-weight:600}.exp-company{color:var(--gray-1);letter-spacing:1.5px;text-transform:uppercase;font-size:11px;font-weight:500}.exp-desc{color:var(--gray-2);max-width:560px;margin-top:6px;font-size:13px;line-height:1.75}.exp-tags{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.exp-tag{letter-spacing:1.5px;text-transform:uppercase;color:var(--gray-2);border:1px solid var(--border-s);font-size:10px;font-family:var(--display);padding:3px 10px}.exp-period{font-family:var(--display);color:var(--gray-2);letter-spacing:.5px;white-space:nowrap;padding-top:4px;font-size:11px}.stack-categories{padding:0 48px 36px}.stack-row{border-bottom:1px solid var(--border-s);grid-template-columns:180px 1fr;align-items:start;gap:28px;padding:22px 0;display:grid}.stack-row:last-child{border-bottom:none}.stack-cat-name{font-family:var(--display);letter-spacing:2.5px;text-transform:uppercase;color:var(--gray-2);padding-top:2px;font-size:11px;font-weight:500}.stack-items{flex-wrap:wrap;gap:8px;display:flex}.stack-chip{font-family:var(--display);letter-spacing:.5px;color:var(--off-white);border:1px solid var(--border);cursor:default;padding:6px 16px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s}.stack-chip:hover{background:#ffffff0d;border-color:#ffffff59}.socials-list{padding:0 48px 36px}.social-row{border-bottom:1px solid var(--border-s);grid-template-columns:160px 1fr 60px;align-items:center;gap:24px;padding:17px 0;text-decoration:none;transition:background .15s;display:grid}.social-row:last-child{border-bottom:none}.social-row:hover{background:#ffffff05}.social-platform{font-family:var(--display);letter-spacing:1.5px;text-transform:uppercase;color:var(--white);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.social-handle{color:var(--gray-1);font-size:13px}.social-arrow-sm{color:var(--gray-2);text-align:right;font-size:15px;transition:transform .2s,color .2s}.social-row:hover .social-arrow-sm{color:var(--white);transform:translate(2px,-2px)}.contact-giant{font-family:var(--display);letter-spacing:-.04em;color:var(--white);padding:0;font-size:clamp(48px,10vw,120px);font-weight:700;line-height:.92}.contact-giant span{color:var(--gray-2);font-weight:300;display:block}.contact-layout{align-items:stretch;min-height:400px;display:flex}.contact-left{flex-direction:column;flex:1;justify-content:center;padding:40px 48px;display:flex}.contact-right{border-left:1px solid var(--border-s);flex:1;align-items:center;padding:40px 48px;display:flex}.contact-form-wrap{width:100%}.contact-form-label{font-family:var(--display);letter-spacing:2.5px;text-transform:uppercase;color:#f3d399;margin-bottom:24px;font-size:11px;font-weight:600}.contact-form{flex-direction:column;gap:16px;display:flex}.cf-field{flex-direction:column;gap:6px;display:flex}.cf-label{font-family:var(--display);letter-spacing:2px;text-transform:uppercase;color:var(--gray-2);font-size:9px;font-weight:500}.cf-input{border:1px solid var(--border-s);color:var(--white);font-family:var(--body);resize:none;background:#ffffff0a;border-radius:6px;outline:none;padding:12px 14px;font-size:13px;transition:border-color .2s,background .2s}.cf-input::placeholder{color:var(--gray-2)}.cf-input:focus{background:#ffffff12;border-color:#ffffff59}.cf-textarea{min-height:88px}.cf-submit{background:var(--white);color:var(--black);font-family:var(--display);letter-spacing:2px;text-transform:uppercase;cursor:pointer;will-change:transform;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:11px;font-weight:700;transition:background .2s,transform .15s;display:flex}.cf-submit:hover{background:var(--off-white);transform:translateY(-1px)}.cf-submit:active{transform:translateY(0)}.contact-cta-row{flex-wrap:wrap;gap:14px;padding:0 48px 36px;display:flex}.cta-btn{font-family:var(--display);letter-spacing:2.5px;text-transform:uppercase;color:var(--white);border:1px solid var(--border);cursor:pointer;background:0 0;align-items:center;gap:9px;padding:13px 28px;font-size:10px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.cta-btn:hover{background:var(--white);color:var(--black);border-color:var(--white)}.cta-btn-ghost{color:var(--gray-2)}.cta-btn-ghost:hover{color:var(--white);border-color:var(--border);background:#ffffff0f}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-2);border-radius:2px}@media (width<=768px){.card,.hero-card{margin:10px}.card-header,.card-footer,.hero-name-area,.hero-sub-row,.contents-header,.contents-grid,.exp-list,.stack-categories,.socials-list,.contact-giant{padding-left:0;padding-right:0}.contact-layout{flex-direction:column}.contact-left,.contact-right{padding:20px}.card-footer,.contents-grid,.about-bullets{grid-template-columns:repeat(2,1fr)}.stack-row{grid-template-columns:1fr;gap:10px}.exp-item{grid-template-columns:32px 1fr}.exp-period{display:none}.social-row{grid-template-columns:1fr 1fr 40px}.lg-pill{width:calc(44px + var(--progress) * 360px)!important}.lg-nav{gap:0}.lg-nav-btn{letter-spacing:1px;padding:8px;font-size:10px}}@keyframes floatBoat{0%{transform:scale(1.05)translateY(0)rotate(0)}50%{transform:scale(1.05)translateY(-10px)rotate(1deg)}to{transform:scale(1.05)translateY(0)rotate(0)}}.boat-float{animation:4s ease-in-out infinite floatBoat}