@import"https://fonts.googleapis.com/css2?family=Anton&family=Bebas+Neue&family=Barlow+Condensed:ital,wght@0,400;0,700;1,700&family=Montserrat:wght@300&family=Inter:wght@400;500;600&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden}#menu-screen{position:relative;width:100vw;height:100vh;overflow:hidden}#menu-screen video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}#main{width:100vw;height:100vh}.back-arrow-btn{position:absolute;top:4vh;left:3vw;z-index:100;display:flex;align-items:center;gap:10px;background:transparent;border:none;cursor:pointer;pointer-events:all;opacity:0;transform:translate(-20px);transition:opacity .4s ease,transform .4s ease,filter .2s ease}.back-arrow-btn.mounted{opacity:1;transform:translate(0)}.back-arrow-btn:hover{filter:brightness(1.5) drop-shadow(0 0 8px rgba(141,246,255,.6))}.back-arrow-icon{font-family:Bebas Neue,sans-serif;font-size:32px;color:#c4001a;line-height:1}.back-arrow-text{font-family:Bebas Neue,sans-serif;font-size:26px;letter-spacing:2px;color:#fff;line-height:1}@keyframes sc-arrow-left{0%,to{transform:translate(0);opacity:1}50%{transform:translate(-5px);opacity:.4}}@keyframes sc-arrow-right{0%,to{transform:translate(0);opacity:1}50%{transform:translate(5px);opacity:.4}}@keyframes sc-right-nav-pop{0%{opacity:0;transform:scale(.55) translateY(-10px)}65%{opacity:1;transform:scale(1.1) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}.p3-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none}.p3-stripe{position:absolute;right:0;top:0;bottom:0;width:5px;background:#c4001a;z-index:10;pointer-events:none}.p3-stripe2{position:absolute;right:9px;top:0;bottom:0;width:2px;background:#f57a8b38;z-index:10;pointer-events:none}.p3-menu{position:relative;z-index:20;padding:48px;display:flex;flex-direction:column;align-items:center;pointer-events:all}.p3-row{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;text-decoration:none;opacity:0;transform:translate(36px);transition:opacity .38s ease,transform .38s cubic-bezier(.22,1,.36,1)}.p3-row.mounted{opacity:1!important;transform:translate(0)!important}.p3-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:200%;background:radial-gradient(ellipse at center,rgba(255,100,180,.35) 0%,transparent 70%);filter:blur(18px);z-index:0;pointer-events:none;opacity:0;transition:opacity .3s ease}.p3-row.active .p3-glow{opacity:1}.p3-skew-wrap{position:relative;display:flex;align-items:center;isolation:isolate}@keyframes p3-shadow-pop{0%{transform:translateY(-40%) translate(-12px) scaleX(0) scaleY(1)}55%{transform:translateY(-46%) translate(-15px) scaleX(1.22) scaleY(1.18)}75%{transform:translateY(-39%) translate(-11px) scaleX(.96) scaleY(.97)}to{transform:translateY(-40%) translate(-12px) scaleX(1) scaleY(1)}}.p3-shadow-tri{position:absolute;top:50%;transform-origin:left center;background:#eb5078d9;z-index:1;pointer-events:none;transform:translateY(-40%) translate(-12px) scaleX(0);transition:transform .18s ease}.p3-shadow-tri.pop{animation:p3-shadow-pop .28s cubic-bezier(.34,1.56,.64,1) forwards}.p3-highlight{position:absolute;top:50%;transform-origin:left center;background:#fff;z-index:2;transition:transform .22s cubic-bezier(.22,1,.36,1);pointer-events:none}.p3-label-wrap{position:relative;z-index:3}.p3-label-base{font-family:Anton,sans-serif;font-style:italic;letter-spacing:2px;line-height:.85;display:block;white-space:nowrap;-webkit-user-select:none;user-select:none}.p3-label-dark{color:#fff;transition:color .12s ease}.p3-row.active .p3-label-dark{color:#6b0010}.p3-row:hover:not(.active) .p3-label-dark{color:#f56b6b}.p3-label-bright{color:#a32020;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;transition:opacity .12s ease}.p3-row.active .p3-label-bright{opacity:1}.p3-hint{position:absolute;bottom:24px;right:28px;z-index:20;display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-family:Anton,sans-serif;opacity:0;transition:opacity .5s ease .9s}.p3-hint.mounted{opacity:1}.p3-hint-row{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:2px;color:#ffffff47}.p3-hint-key{border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:1px 6px;font-size:11px}.p3-name-tag{position:absolute;top:18px;left:22px;z-index:20;font-family:Anton,sans-serif;font-style:italic;font-size:108px;line-height:.88;letter-spacing:2px;color:#0a0a0ea3;transform:rotate(18deg);transform-origin:left top;-webkit-user-select:none;user-select:none;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start}.p3-name-tag span:first-child{color:#000000db}.resume-entry-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;overflow:hidden;background:#d10808;clip-path:circle(0 at 50% 50%);animation:resume-entry-reveal 1.2s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}.resume-entry-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@keyframes resume-entry-reveal{0%{clip-path:circle(0 at 50% 50%)}to{clip-path:circle(150vmax at 50% 50%)}}.resume-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.resume-stack{position:absolute;top:11vh;left:2.8vw;width:min(47vw,720px);display:flex;flex-direction:column;gap:10px;pointer-events:none;transform:scale(.9);transform-origin:top left}.resume-list-tag{font-family:Anton,sans-serif;font-size:92px;line-height:.9;color:#f6fbff;letter-spacing:2px;margin:0 0 6px 12px;text-shadow:0 2px 0 rgba(0,0,0,.18);opacity:0;transform:translate(-24px);transition:opacity .35s ease,transform .35s ease}.resume-list-tag.mounted{opacity:1;transform:translate(0)}.resume-card-wrap{position:relative;opacity:0;transform:translate(-48px);transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1);pointer-events:all}.resume-card-wrap.mounted{opacity:1;transform:translate(0)}.resume-card{position:relative;height:112px;background:#5a0d12;clip-path:polygon(0 0,97% 0,100% 100%,3% 100%);box-shadow:0 8px #280407d9;transition:transform .22s ease,background .22s ease,box-shadow .22s ease;overflow:visible}.resume-card-wrap.active .resume-card{background:#fff;box-shadow:10px 8px #d64040;transform:translate(6px)}.resume-card-inner{position:absolute;top:0;right:0;bottom:0;left:0;padding:14px 22px 14px 62px;display:flex;align-items:flex-start;justify-content:space-between}.resume-badge{position:absolute;top:10px;left:-10px;width:56px;height:70px;background:#1a0d13;border:3px solid #ffb5b5;clip-path:polygon(14% 0,100% 0,84% 100%,0 100%);display:flex;align-items:center;justify-content:center;transform:rotate(-8deg);box-shadow:0 4px #00000047;transition:background .22s ease,border-color .22s ease}.resume-badge-text{font-family:Bebas Neue,sans-serif;font-size:36px;color:#ffe7e7;letter-spacing:1px;transform:rotate(8deg)}.resume-card-wrap.active .resume-badge{background:#000;border-color:#000}.resume-card-wrap.active .resume-badge-text{color:#fff}.resume-title{font-family:Anton,sans-serif;font-size:56px;line-height:.9;letter-spacing:1px;color:#ffc0c0;transition:color .22s ease}.resume-card-wrap.active .resume-title{color:#000}.resume-rank{display:flex;align-items:center;gap:10px;margin-top:2px;flex-shrink:0}.resume-rank-label{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:2px;color:#ffcaca;transition:color .22s ease}.resume-rank-number{font-family:Anton,sans-serif;font-size:70px;line-height:.82;color:#ffcaca;transition:color .22s ease}.resume-card-wrap.active .resume-rank-label,.resume-card-wrap.active .resume-rank-number{color:#000}.resume-subtitle-bar{position:absolute;left:64px;right:14px;bottom:12px;height:34px;background:#ffb5b5;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);display:flex;align-items:center;padding:0 18px;transition:background .22s ease}.resume-card-wrap.active .resume-subtitle-bar{background:#000}.resume-subtitle{font-family:Bebas Neue,sans-serif;font-size:28px;line-height:1;letter-spacing:1px;color:#2d090d;transition:color .22s ease}.resume-card-wrap.active .resume-subtitle{color:#fff}.resume-detail-panel{position:absolute;top:9.5vh;right:4.5vw;width:min(39vw,620px);height:80vh;z-index:12;padding:22px 24px 24px;background:linear-gradient(180deg,#360c12f5,#16080cf7);clip-path:polygon(0 0,100% 0,calc(100% - 18px) 100%,0 100%);box-shadow:inset 0 0 0 1px #ffb7b726,16px 16px #1c04088c;overflow:hidden;display:flex;flex-direction:column;pointer-events:all}.resume-detail-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,183,183,.08) 0 15%,transparent 15% 100%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 24%);pointer-events:none}.resume-detail-top{flex-shrink:0;position:relative;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:14px;min-height:92px;padding:0 18px;background:linear-gradient(90deg,#ffb3b3,#ffe4e4);clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);color:#1b070a;box-shadow:10px 0 #a91323e6}.resume-detail-top-index{font-family:Anton,sans-serif;font-size:46px;line-height:1}.resume-detail-top-title{font-family:Anton,sans-serif;font-size:42px;line-height:.92;letter-spacing:1px}.resume-detail-top-progress{font-family:Bebas Neue,sans-serif;font-size:42px;letter-spacing:2px;line-height:1}.resume-detail-list{position:relative;display:flex;flex-direction:column;gap:10px;margin-top:18px;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,177,177,.3) transparent;padding-right:8px;padding-bottom:20px}.resume-detail-row{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:14px;min-height:56px;padding:0 14px;background:#20070cf5;border:0;cursor:pointer;text-align:left;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);box-shadow:inset 0 0 0 1px #ffb0b01f;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.resume-detail-row:hover{transform:translate(4px);background:#550c12;box-shadow:inset 0 0 0 1px #ffb0b02e}.resume-detail-row:focus-visible{outline:2px solid #ff9ea1;outline-offset:2px}.resume-detail-row-index{font-family:Bebas Neue,sans-serif;font-size:26px;letter-spacing:1px;color:#ffc9c9}.resume-detail-row-title{font-family:Anton,sans-serif;font-size:28px;line-height:1;color:#fff8f8}.resume-detail-status{font-family:Bebas Neue,sans-serif;font-size:22px;line-height:1;letter-spacing:1.1px;color:#2d0608;background:#ffb8b8;padding:7px 12px;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}.resume-link-panel{position:relative;margin-top:18px;padding:18px 18px 16px;background:linear-gradient(180deg,#5c1212fa,#14070bfa);clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);box-shadow:inset 0 0 0 1px #ffc3c32e,0 12px 18px #00000038}.resume-link-badge{display:inline-block;font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:2px;padding:6px 12px;margin-bottom:12px;color:#2d0808;background:#ffb3b3;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}.resume-link-title{font-family:Anton,sans-serif;font-size:26px;line-height:1.15;color:#fff8f8;margin-bottom:16px}.resume-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;font-family:Bebas Neue,sans-serif;font-size:24px;letter-spacing:1.5px;color:#2d0808;background:linear-gradient(90deg,#ffb4b4,#ffe8e2);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);text-decoration:none;transition:transform .16s ease,box-shadow .16s ease;box-shadow:0 0 0 2px #ffb4b440}.resume-link-button:hover{transform:translate(3px)}.resume-detail-bottom{position:relative;margin-top:22px;padding:18px;background:#390505f7;clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);box-shadow:inset 0 0 0 1px #91efff1f}.resume-detail-bottom-title{font-family:Bebas Neue,sans-serif;font-size:30px;letter-spacing:2px;color:#91f5ff;margin-bottom:14px}.resume-detail-bullets{display:flex;flex-direction:column;gap:10px}.resume-detail-bullet{font-family:Anton,sans-serif;font-size:21px;line-height:1.15;color:#edfaff}.sc-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding-left:0}.sc-bar{position:relative;width:45vw;height:64px;transition:height .3s cubic-bezier(.22,1,.36,1);background:#111;cursor:pointer;pointer-events:all;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);box-shadow:0 6px 24px #000000a6;z-index:1}.sc-bar-outer{position:relative;flex-shrink:0;transform:translate(-100%);transition:transform .55s cubic-bezier(.22,1,.36,1)}.sc-bar-outer.active .sc-bar,.sc-bar-outer.active .sc-bar-red{height:90px}.sc-bar-outer.mounted{transform:translate(0)}.sc-bar-outer:nth-child(1){transition-delay:0ms}.sc-bar-outer:nth-child(2){transition-delay:80ms}.sc-bar-outer:nth-child(3){transition-delay:.16s}.sc-bar-red{position:absolute;top:0;left:0;width:45vw;height:64px;background:#c4001a;clip-path:polygon(50% 0,100% 0,100% 100%,calc(50% - 10px) 100%);transform:translateY(-7px);opacity:0;transition:opacity .2s ease;z-index:0;pointer-events:none}.sc-bar-outer.active .sc-bar-red{opacity:1}.sc-bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;background:#fff;clip-path:polygon(100% 0,100% 0,calc(100% - 32px) 100%,calc(100% - 32px) 100%);transition:clip-path .35s cubic-bezier(.22,1,.36,1);z-index:0}.sc-bar-outer.active .sc-bar-fill{clip-path:polygon(22% 0,100% 0,calc(100% - 14px) 100%,calc(22% + 138px) 100%)}.sc-bar-shade{position:absolute;top:0;bottom:0;left:73%;width:6%;background:linear-gradient(90deg,#00000026,#0000);z-index:1;pointer-events:none;opacity:0;transition:opacity .35s ease}.sc-bar-outer.active .sc-bar-shade{opacity:1}.sc-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(180deg,#0000,#0000008c);z-index:10;pointer-events:none}.sc-bar-content{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.sc-role{display:flex;align-items:center;flex-shrink:0;font-family:Anton,sans-serif;font-size:50px;letter-spacing:-2px;color:#fff;transform:rotate(-30deg);-webkit-user-select:none;user-select:none;line-height:1;padding:0 16px 0 8px}.sc-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.aboutme-page .sc-main{padding-left:78px}.sc-main-top{display:flex;align-items:center;gap:12px}.sc-icon{font-family:Bebas Neue,sans-serif;font-size:22px;width:32px;text-align:center;flex-shrink:0;color:#ffffff26;transition:color .2s ease;-webkit-user-select:none;user-select:none}.sc-bar-outer.active .sc-icon{color:#ffffff40}.sc-label{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:4px;line-height:1;color:#ffffffd9;transition:color .2s ease;-webkit-user-select:none;user-select:none}.sc-bar-outer.active .sc-label{color:#111}.sc-stats{display:flex;align-items:center;gap:10px;padding-right:24px;flex-shrink:0}.sc-stat{display:flex;flex-direction:column;align-items:flex-start}.sc-stat-top{display:flex;align-items:baseline;gap:4px}.sc-stat-tag{font-family:Bebas Neue,sans-serif;font-size:9px;letter-spacing:1.5px;padding:1px 4px;border-width:1px;border-style:solid;line-height:1.4;-webkit-user-select:none;user-select:none}.sc-stat-num{font-family:Bebas Neue,sans-serif;font-size:26px;font-style:italic;line-height:1;color:#fff;letter-spacing:1px;-webkit-user-select:none;user-select:none;transition:color .2s ease}.sc-bar-outer.active .sc-stat-num{color:#111}.sc-stat-bars{width:100%;display:flex;flex-direction:column;gap:1px;margin-top:2px}.sc-stat-bar-color{height:3px;width:100%}.sc-stat-bar-black{height:2px;width:100%;background:#000}.sc-char{position:absolute;top:0;left:110px;height:100%;width:auto;max-width:160px;object-fit:cover;object-position:top;pointer-events:none;z-index:3;clip-path:polygon(20px 0%,100% 0%,calc(100% - 20px) 100%,0% 100%)}.sc-footer{position:fixed;bottom:20px;right:28px;display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-family:Bebas Neue,sans-serif;z-index:50;opacity:0;transition:opacity .4s ease .6s}.sc-footer.mounted{opacity:1}.sc-footer-row{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:2px;color:#ffffff38}.sc-footer-key{border:1px solid rgba(255,255,255,.15);border-radius:3px;padding:1px 6px;font-size:11px}.aboutme-page .sc-root{z-index:6}.sc-dim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;background:#282d36ad;pointer-events:none;animation:sc-dim-in .32s ease-out}@keyframes sc-dim-in{0%{opacity:0}to{opacity:1}}@keyframes sc-reveal-bar-in{0%{opacity:0;transform:translate(-120px) scaleX(.72)}60%{opacity:.96;transform:translate(18px) scaleX(1.03)}to{opacity:.92;transform:translate(0) scaleX(1)}}@keyframes sc-portrait-in{0%{opacity:0;transform:translate(78px) skew(-8deg) scale(.94);filter:blur(8px)}55%{opacity:.9;transform:translate(-8px) skew(-8deg) scale(1.015);filter:blur(0)}to{opacity:.96;transform:translate(0) skew(-8deg) scale(1);filter:blur(0)}}.sc-main-portrait-shell{position:absolute;top:0;right:-3vw;z-index:13;pointer-events:none;width:43vw;height:100vh;overflow:hidden;opacity:0;transform:translate(24px) skew(-8deg) scale(.98);transition:opacity .35s ease,transform .35s ease}.sc-main-portrait-shell.mounted{opacity:.96;transform:translate(0) skew(-8deg) scale(1);animation:sc-portrait-in .5s cubic-bezier(.22,1,.36,1)}.sc-reveal-panel{position:absolute;top:14vh;left:3vw;width:94vw;height:72vh;z-index:12;pointer-events:none;background:linear-gradient(180deg,#fffffffa,#f3f6fcfa);clip-path:polygon(0 0,100% 0,calc(100% - 32px) 100%,0 100%);box-shadow:0 0 0 2px #ffffff2e,18px 0 #d70d2cd1,28px 0 #ffffff42;opacity:0;transform:translate(-20px);transform-origin:left center;transition:opacity .3s ease,transform .35s ease}.sc-reveal-panel.mounted{opacity:.94;transform:translate(0);animation:sc-reveal-bar-in .46s cubic-bezier(.22,1,.36,1)}.sc-reveal-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:8px;background:linear-gradient(180deg,#e03d31,#eb3333);clip-path:inherit}.sc-reveal-upper-bar{position:absolute;top:10%;left:4%;width:92%;height:38%;background:#000000eb;clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%);box-shadow:0 0 0 1px #ffffff0f;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 24px;color:#fff;text-align:center;padding:18px 40px}.sc-reveal-upper-line{font-family:Montserrat,sans-serif;font-weight:300;font-size:clamp(18px,1.8vw,28px);letter-spacing:.5px;line-height:1.15;white-space:nowrap}.sc-reveal-lower-bar{position:absolute;bottom:10%;right:4%;width:56%;height:20%;background:#000000eb;clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%);box-shadow:0 0 0 1px #ffffff0f;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Montserrat,sans-serif;font-weight:300;font-size:clamp(20px,2vw,34px);letter-spacing:.4px;text-transform:lowercase;padding:0 28px;text-align:center}.aboutme-page .sc-right-nav{position:absolute;top:10vh;left:6vw;display:flex;align-items:center;gap:6px;pointer-events:none;z-index:14;transform:translate(-20px);transform-origin:left bottom;animation:sc-right-nav-pop .38s cubic-bezier(.22,1,.36,1) both}.aboutme-page .sc-right-nav .sc-nav-btn{font-family:Bebas Neue,sans-serif;font-size:100px;letter-spacing:3px;line-height:1;-webkit-user-select:none;user-select:none;color:#fff;-webkit-text-stroke:2px #000;paint-order:stroke fill;background:none;border:none;padding:0 6px}.aboutme-page .sc-right-nav .sc-nav-dot{width:16px;height:16px;border-radius:999px;background:#111;margin:0 10px;flex-shrink:0}.aboutme-page .sc-right-nav .sc-nav-arrow{font-family:Bebas Neue,sans-serif;font-size:22px;color:#c4001a;display:inline-block;-webkit-user-select:none;user-select:none}.aboutme-page .sc-right-nav .sc-nav-arrow.left{animation:sc-arrow-left .8s ease-in-out infinite}.aboutme-page .sc-right-nav .sc-nav-arrow.right{animation:sc-arrow-right .8s ease-in-out infinite}.sc-main-portrait{width:100%;height:100%;object-fit:cover;object-position:top right;transform:skew(8deg) scale(1.08);transform-origin:top right}.sc-mail-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00061ee0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes sc-msg-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sc-mail-modal{background:linear-gradient(180deg,#280808fa,#0f0808);clip-path:polygon(0 0,100% 0,calc(100% - 28px) 100%,0 100%);box-shadow:inset 0 0 0 1px #ff4f4f33,20px 20px #000000b8;padding:36px 44px 44px;width:min(520px,90vw);animation:sc-msg-in .38s cubic-bezier(.22,1,.36,1) both;position:relative;pointer-events:all}.sc-mail-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,72,72,.08) 0 14%,transparent 14%);pointer-events:none}.sc-mail-modal-title{font-family:Anton,sans-serif;font-size:42px;line-height:.92;letter-spacing:1px;color:#fff;margin-bottom:2px}.sc-mail-modal-sub{font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:2px;color:#ff7a7a;margin-bottom:24px}.sc-mail-modal-label{font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:2px;color:#ff7a7a;margin-bottom:8px;display:block}.sc-mail-modal-input,.sc-mail-modal-textarea{width:100%;background:#0c0c0cf7;border:1px solid rgba(255,87,87,.35);color:#fff;font-family:Inter,sans-serif;font-size:16px;padding:12px 18px;outline:none;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);margin-bottom:20px;box-sizing:border-box;transition:border-color .18s;resize:none}.sc-mail-modal-input:focus,.sc-mail-modal-textarea:focus{border-color:#f66c}.sc-mail-modal-row{display:flex;gap:12px}.sc-mail-modal-btn{font-family:Anton,sans-serif;font-size:20px;letter-spacing:1px;color:#fff;background:#d91f26;border:none;padding:10px 28px;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}.sc-mail-modal-btn:hover{background:#ff4848;transform:translate(4px);box-shadow:8px 6px #fff3}.sc-mail-modal-btn-alt{font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:2px;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.35);padding:8px 20px;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);cursor:pointer;transition:background .18s,color .18s}.sc-mail-modal-btn-alt:hover{background:#ff48481f;color:#fff}.sc-mail-modal-error{color:#ff4848;font-family:Inter,sans-serif;font-size:14px;margin-top:-14px;margin-bottom:14px;display:block}.socials-page .sc-right-nav{position:fixed;top:40px;right:40px;display:flex;align-items:center;gap:6px;pointer-events:none;z-index:50;animation:sc-right-nav-pop .38s cubic-bezier(.22,1,.36,1) both}.socials-page .sc-right-nav .sc-nav-btn{font-family:Bebas Neue,sans-serif;font-size:100px;letter-spacing:3px;line-height:1;-webkit-user-select:none;user-select:none;color:#fff;-webkit-text-stroke:2px #000;paint-order:stroke fill;background:none;border:none;padding:0 6px}.socials-page .sc-right-nav .sc-nav-label{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:3px;line-height:1;-webkit-user-select:none;user-select:none;color:#111;padding:0 8px}.socials-page .sc-right-nav .sc-nav-arrow{font-family:Bebas Neue,sans-serif;font-size:22px;color:#c4001a;display:inline-block;-webkit-user-select:none;user-select:none}.socials-page .sc-right-nav .sc-nav-arrow.left{animation:sc-arrow-left .8s ease-in-out infinite}.socials-page .sc-right-nav .sc-nav-arrow.right{animation:sc-arrow-right .8s ease-in-out infinite}@keyframes sc-infobar-in{0%{opacity:0;transform:translate(40px)}60%{opacity:1;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.sc-info-bar-wrap{position:fixed;right:0;left:65%;height:46px;background:transparent;pointer-events:all;cursor:pointer;z-index:50;padding:0;animation:sc-infobar-in .35s cubic-bezier(.22,1,.36,1) both}.sc-info-bar-wrap.selected{background:#111;padding:1.5px;border-radius:8px}.sc-info-bar{position:relative;width:100%;height:100%;background:transparent;display:flex;align-items:center;overflow:hidden}.sc-info-bar-wrap.selected .sc-info-bar{background:#fff;border-radius:7px}.sc-info-bar-new{position:absolute;left:-40px;bottom:0;height:65%;width:auto;pointer-events:none;z-index:3}.sc-info-bar-wrap.selected .sc-info-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#c4001a;z-index:1}.sc-info-bar-text{flex:1;font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:2px;color:#111;padding:0 14px;-webkit-user-select:none;user-select:none}.sc-info-bar-box{height:70%;background:#000;display:flex;align-items:center;padding:0 12px;font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:1px;color:#fff;flex-shrink:0;border-radius:6px;margin-right:4px;-webkit-user-select:none;user-select:none}.sc-info-bar-icon{height:55%;width:auto;flex-shrink:0;margin-left:14px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.sc-info-bar-count{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:1px;color:#111;margin-right:80px;flex-shrink:0;-webkit-user-select:none;user-select:none}.chat-entry-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;overflow:hidden;background:#470910;clip-path:polygon(0 0,0 0,0 100%,0 100%);animation:chat-entry-reveal .9s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}@keyframes chat-entry-reveal{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.chat-layout-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr) minmax(350px,450px);padding:5vh 5vw 4vh;gap:24px;pointer-events:none;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,176,176,.3) transparent}.chat-column-placeholder{pointer-events:all;background:linear-gradient(180deg,#360c1266,#16080c99);clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%);box-shadow:inset 0 0 0 1px #ffb7b726;display:flex;flex-direction:column;padding:24px;opacity:0;transform:translateY(20px);transition:opacity .4s ease .3s,transform .4s cubic-bezier(.22,1,.36,1) .3s;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,176,176,.3) transparent;min-height:0}.chat-column-placeholder.mounted{opacity:1;transform:translateY(0)}.chat-column-title{font-family:Anton,sans-serif;font-size:28px;color:#ffb3b3;margin-bottom:16px}.chat-column-content-hint{font-family:Inter,sans-serif;font-size:14px;color:#ffb3b380;line-height:1.5}.chat-overlay{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;height:100%;pointer-events:none;min-height:0}.chat-header{display:flex;align-items:center;gap:20px;padding:14px 28px;background:linear-gradient(90deg,#ffb3b3,#ffe4e4);clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%);box-shadow:14px 0 #a91323e6;pointer-events:all;opacity:0;transform:translateY(-20px);transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1)}.chat-header.mounted{opacity:1;transform:translateY(0)}.chat-header-index{font-family:Anton,sans-serif;font-size:38px;line-height:1;color:#1b070a}.chat-header-title{font-family:Anton,sans-serif;font-size:34px;line-height:.92;letter-spacing:1px;color:#1b070a;flex:1}.chat-header-user{font-family:Bebas Neue,sans-serif;font-size:22px;letter-spacing:2px;color:#2d0808;background:#2d08081f;padding:4px 14px;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);cursor:pointer;transition:background .18s;display:flex;align-items:center;gap:7px}.chat-header-user:hover{background:#2d080838}.chat-messages-wrap{overflow:hidden;margin-top:14px;pointer-events:all;opacity:0;transition:opacity .4s ease .15s;position:relative}.chat-messages-wrap.mounted{opacity:1}.chat-messages-panel{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:20px 22px;background:linear-gradient(180deg,#360c12ed,#16080cf5);clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%);box-shadow:inset 0 0 0 1px #ffb7b726,16px 16px #1c04088c;scrollbar-width:thin;scrollbar-color:rgba(255,176,176,.3) transparent}.chat-error-banner{font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:2px;color:#ffadc2;background:#510416d9;padding:12px 18px;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);border-left:3px solid #ff4b6e;margin-bottom:8px}.chat-msg{display:flex;flex-direction:column;gap:2px;animation:chat-msg-in .28s cubic-bezier(.22,1,.36,1) both}@keyframes chat-msg-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-msg.mine{align-self:flex-end}.chat-msg-meta{display:flex;align-items:baseline;gap:8px;padding:0 6px}.chat-msg.mine .chat-msg-meta{flex-direction:row-reverse}.chat-msg-name{font-family:Bebas Neue,sans-serif;font-size:17px;letter-spacing:2px}.chat-msg-time{font-family:Inter,sans-serif;font-size:11px;color:#ffb3b373}.chat-msg-bubble{max-width:min(68vw,560px);padding:10px 16px;font-family:Inter,sans-serif;font-size:15px;line-height:1.55;word-break:break-word}.chat-msg:not(.mine) .chat-msg-bubble{background:#20070cf7;color:#fff5f5;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);box-shadow:inset 0 0 0 1px #ffb0b01f}.chat-msg.mine .chat-msg-bubble{background:#fff;color:#1b070a;clip-path:polygon(12px 0,100% 0,100% 100%,0 100%);box-shadow:-8px 6px #d63232bf}.chat-online-dot{width:8px;height:8px;border-radius:50%;background:#47ff9d;box-shadow:0 0 6px #47ff9d;display:inline-block;flex-shrink:0}.chat-date-divider{display:flex;align-items:center;gap:12px;margin:6px 0}.chat-date-divider:before,.chat-date-divider:after{content:"";flex:1;height:1px;background:#ffb3b324}.chat-date-divider-label{font-family:Bebas Neue,sans-serif;font-size:15px;letter-spacing:2px;color:#ffb3b359}.chat-input-row{display:flex;gap:10px;margin-top:14px;pointer-events:all;opacity:0;transform:translateY(20px);transition:opacity .4s ease .25s,transform .4s cubic-bezier(.22,1,.36,1) .25s}.chat-input-row.mounted{opacity:1;transform:translateY(0)}.chat-input{flex:1;background:#20070cf7;border:1px solid rgba(255,176,176,.22);color:#fff5f5;font-family:Inter,sans-serif;font-size:15px;padding:13px 20px;outline:none;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);transition:border-color .18s ease,background .18s ease}.chat-input:focus{border-color:#ffb0b099;background:#310810}.chat-input::placeholder{color:#ffb3b359}.chat-input:disabled{opacity:.5}.chat-send{font-family:Anton,sans-serif;font-size:22px;letter-spacing:1px;color:#2d0808;background:#ffb3b3;border:none;padding:0 28px;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s,opacity .18s}.chat-send:hover:not(:disabled){background:#fff;transform:translate(4px);box-shadow:8px 6px #d63232bf}.chat-send:disabled{opacity:.45;cursor:not-allowed}.proyect-button{font-family:Anton,sans-serif;font-size:22px;width:100%;letter-spacing:1px;margin-top:10px;margin-bottom:10px;color:#fff;background:#7a111d;border:none;padding:0 28px;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s,opacity .18s}.proyect-button:hover:not(:disabled){background:#4a0913;transform:translate(4px);box-shadow:8px 6px #d63232bf}.news-button{font-family:Anton,sans-serif;font-size:22px;width:100%;letter-spacing:1px;color:#fff;background:#7a111d;border:none;padding:0 28px;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s,opacity .18s}.news-button:hover:not(:disabled){background:#4a0913;transform:translate(4px);box-shadow:8px 6px #d63232bf}.chat-back-hint{position:absolute;bottom:24px;right:28px;z-index:20;font-family:Anton,sans-serif;font-size:13px;letter-spacing:2px;color:#ffffff47;display:flex;align-items:center;gap:8px;pointer-events:none;opacity:0;transition:opacity .5s ease .6s}.chat-back-hint.mounted{opacity:1}.chat-back-hint-key{border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:1px 6px;font-size:11px}.chat-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f0609e0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chat-modal{background:linear-gradient(180deg,#360c12fa,#16080c);clip-path:polygon(0 0,100% 0,calc(100% - 28px) 100%,0 100%);box-shadow:inset 0 0 0 1px #ffb7b72e,20px 20px #1c0408b3;padding:40px 44px 44px;width:min(520px,90vw);animation:chat-msg-in .38s cubic-bezier(.22,1,.36,1) both;position:relative}.chat-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,183,183,.07) 0 14%,transparent 14%);pointer-events:none}.chat-modal-title{font-family:Anton,sans-serif;font-size:44px;line-height:.92;letter-spacing:1px;color:#fff6f6;margin-bottom:6px}.chat-modal-sub{font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:2px;color:#ffb3b3;margin-bottom:28px}.chat-modal-label{font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:2px;color:#ffb3b3;margin-bottom:8px;display:block}.chat-modal-input{width:100%;background:#20070cf7;border:1px solid rgba(255,176,176,.3);color:#fff5f5;font-family:Inter,sans-serif;font-size:16px;padding:12px 18px;outline:none;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);margin-bottom:22px;box-sizing:border-box;transition:border-color .18s}.chat-modal-input:focus{border-color:#ffb0b0b3}.chat-modal-input::placeholder{color:#ffb3b359}.chat-modal-row{display:flex;gap:12px}.chat-modal-btn{font-family:Anton,sans-serif;font-size:22px;letter-spacing:1px;color:#2d0808;background:#ffb3b3;border:none;padding:12px 32px;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}.chat-modal-btn:hover{background:#fff;transform:translate(4px);box-shadow:8px 6px #d63232bf}.chat-modal-btn-alt{font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:2px;color:#ffb3b3;background:transparent;border:1px solid rgba(255,176,176,.25);padding:10px 24px;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);cursor:pointer;transition:background .18s,color .18s}.chat-modal-btn-alt:hover{background:#ffb0b01f;color:#fff5f5}.makoto-walk-container{width:100%;overflow:hidden;position:relative;height:100px;margin-top:16px;border-bottom:1px solid rgba(255,176,176,.16)}.makoto-walk-img{width:100px;height:100px;position:absolute;top:0;animation:walk-right 6s linear infinite}@keyframes walk-right{0%{left:-100px}to{left:100%}}