*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:#000;color:#f6f6f6;font-family:Roboto,sans-serif;font-size:100%;margin:0;padding:0}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}#logo,#mode{align-items:center;cursor:pointer;display:flex;height:50px;justify-content:center;width:50px}#mode{margin-right:20px;margin-top:-20px;position:absolute;right:0}.header{background-color:#000;left:0;position:fixed;top:0;width:100%}.logo{height:50px;margin-right:20px;width:50px}.header-container,.menu ul{align-items:center;display:flex}.menu ul{justify-content:center;list-style:none}.menu ul li{font-size:1rem;margin-bottom:13px;margin-right:24px;margin-top:13px}.menu ul li a{font-size:1rem;text-align:center}#intro-area{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-around;margin-top:7%}.name{color:#47d3d4}.hero-text{margin-left:5%;margin-top:10%;max-width:800px;text-align:justify}.hero-image{border-radius:50%;width:50%}h1,h2,h3{margin-bottom:48px}h1{font-size:3rem;font-weight:500px;line-height:65px}.name{margin-top:-25px}h2{color:#002557;font-size:2rem;font-weight:600px;margin-bottom:0;text-transform:uppercase}h3{font-size:38px;font-weight:400;line-height:56px}#profession{margin-top:-25px}.subtitle{color:#00bfff;font-size:16px;font-weight:600px;line-height:28px;margin-bottom:24px;margin-top:15px;text-transform:uppercase}.func{margin-top:-20px}a{color:#f6f6f6;text-decoration:none;text-transform:uppercase}a:hover{color:#00bfff}.link{color:#47d3d4;font-size:1.6rem;font-weight:600px;line-height:28px;text-decoration:none;text-transform:uppercase}.link:hover{color:#fff}.hero{height:100vh}.hero-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin-top:100px;text-align:center}.hero-cta{margin-top:50px;text-align:center}.hero-cta.button{display:block;font-size:16px;line-height:24px;margin:0 auto;max-width:200px}#button-area{margin-left:10%}.button{background-color:#f7f7f7;border:none;border-radius:36px;color:#000;font-size:18px;font-weight:600;margin-right:24px;padding:12px 24px;text-transform:uppercase}.button:hover{background-color:#00bfff;color:#fff}.main-content{background:#0000;height:100%;min-height:100vh;position:relative}#tsparticles canvas{display:block!important}#tsparticles{height:100%;left:0;position:absolute!important;top:0;width:100%}.area-title{font-size:6rem;text-align:center}.box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,1,2,.414);border-radius:24px;margin-bottom:24px;margin-top:100px;padding:24px}#project-box{width:87%}.me-container{border-radius:25px;height:auto!important;margin:0 auto;width:90%}p,ul{margin-left:5%}#name-area{margin-top:0}.container ul{margin-left:5%}section{padding-bottom:64px;padding-top:64px}#first{height:30%}#info{margin-top:-10%}.works-menu{margin-top:0}.me-menu ul,.works-menu ul{display:flex;list-style-type:none}.me-menu ul li,.works.menu ul li{margin-right:24px}.works{margin:100px auto 0;max-width:1140px;width:90%}.aboutme{margin-top:-15%}#interests,#myexp,#myskills{margin-top:0}.works-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000428;border-radius:25px;height:auto;margin-bottom:5%;padding:25px}.work-info{display:flex;flex-direction:column;font-size:1.5rem;margin-left:10%;margin-right:10%;width:auto}.work-info-label{text-transform:uppercase}.work-info-content{flex-grow:1;flex-shrink:1;margin-left:0 auto;width:100%}.works-item-tags{color:#00bfff;font-size:24px}.lang_skill{border-radius:50px;height:100px}.exp,.lang_skill{display:inline-block;font-size:1em;margin-right:24px;margin-top:24px;padding:12px;text-align:center;width:15%}.exp{border:3px solid #00bfff;border-radius:50px;height:50px}#exp_row{margin-top:-10%}.exp-desc{margin-top:-15%}.lang_skill:hover{background-color:#00bfff;color:#0b2d32}.int_emoji{border:3px solid #00bfff;border-radius:50px;display:inline-block;font-size:1em;height:50px;margin-right:24px;margin-top:24px;padding:12px;text-align:center;width:15%}.int_emoji:hover{background-color:#00bfff;color:#0b2d32}.row{padding:10px;text-align:center}.edu{height:200px;margin-bottom:50px;margin-top:150px;width:300px}.edu:hover{background-color:#00bfff;color:#0b2d32}.edu_years{margin-top:10px}#edu_row{margin-top:-100px}footer{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000;bottom:0;color:#000;left:0;padding:20px;position:static;text-align:center;width:100%}.footer{align-items:center;display:flex;justify-content:space-between}.footer-logo{font-size:20px}.footer-menu ul{list-style:none;margin:0;padding:0}.footer-menu ul li{display:inline-block;margin-right:20px}.footer-menu ul li:last-child{margin-right:0}.footer-menu ul li a{text-decoration:none}.footer-menu ul li a:hover{text-decoration:underline}.container{border-radius:25px;margin:0 auto;width:80%}#edubox{margin-top:10%}.footer_info{display:inline-block;margin-left:100px;margin-right:100px}.footer_link{color:#f7f7f7;font-size:16px;font-weight:600px;line-height:28px;text-decoration:none;text-transform:uppercase}.footer_link:hover{color:#00bfff}#social{margin-top:25px}.social_icon{display:inline-block;font-size:1.6rem;margin:5px}#copyright{font-size:.6em;margin-top:25px}#myedu{margin-top:-10%}@media screen and (max-width:1024px){.logo{height:68px;width:100px}#intro-area{flex-direction:column;margin-top:10%}#intro-area,.hero-content{align-items:center;display:flex;justify-content:center}.hero-content{flex-direction:row;height:100%;margin-top:100px;text-align:center}.hero-text{font-size:1.1rem;margin-left:0;margin-top:15%;padding:0 20px;text-align:center}.menu{display:none}.header-container{position:relative}.aboutme{margin-top:-50%}.name{margin-top:15px}#me{margin-top:0;width:45%}#infobutton,#me_button{margin-top:5%}#first{height:90%}#info{margin-top:-75px}.container{width:90%}.title{font-size:46px;line-height:50px;margin-top:50px}.link{font-size:12px}#skills{margin-top:25px}#edu_row,#edubox2{margin-top:0}.edu_info{font-size:1em;margin-top:-35px}.edu_years{font-size:2em}.int_emoji,.lang_skill{margin:20px;width:35%}.edu{margin:20px;width:80%}h3{margin-top:-30px}.header,h3{font-size:18px}.header{padding:10px}.logo{background-position:50%;background-size:88px;padding-left:40px}.menu ul li{margin-right:12px}.hero h1{font-size:2.5rem;line-height:56px}.hero-cta{margin-top:24px}.works{width:90%}.text{text-align:justify}.subtitle,.text{margin-left:-50px}.footer{font-size:12px;padding:10px;text-align:center}.footer-logo{font-size:16px}.footer-menu ul li{margin-right:12px}.transition-effect{transition:background-color .5s,color .5s}.works-menu{display:none}.me-container{margin:0 auto;width:95%}.area-title{font-size:2rem;margin-bottom:20px}.hero-image{margin-bottom:15px;width:80%}.DialogContent,.cardContent{padding:10px}.MuiDialog-paper{width:90%}.MuiCard-root{padding:15px}}@media screen and (max-width:481px){#intro-area{align-items:center;justify-content:center;margin-top:10%}#intro-area,.work-info{display:flex;flex-direction:column}.work-info{font-size:1rem;margin-left:5%;margin-right:5%;width:auto}.me-container{height:auto;margin:0 auto;width:95%}.me-container h2{font-size:1.5rem}.me-container .work-info{font-size:.9rem}.works-item-tags{font-size:1rem}.area-title{font-size:3rem}}.vertical-timeline-element-title{color:#000;font-size:1.5rem}#exp-points,.vertical-timeline-element-subtitle{color:#000}.timeline{margin-bottom:15%}.bubble-menu{align-items:center;display:flex;gap:16px;justify-content:space-between;left:0;padding:0;pointer-events:none;position:static!important;right:0;top:auto;width:100%;z-index:99}.bubble-menu.fixed{position:fixed}.bubble-menu.absolute{position:absolute}.bubble-menu .bubble{--bubble-size:42px;align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 10px #00000014;display:inline-flex;height:var(--bubble-size);justify-content:center;pointer-events:auto;width:var(--bubble-size)}.bubble-menu .logo-bubble,.bubble-menu .toggle-bubble{will-change:transform}.bubble-menu .logo-bubble{border-radius:999px;gap:8px;padding:0 14px;width:auto}.bubble-menu .bubble-logo{max-height:60%;max-width:100%;object-fit:contain}.bubble-menu .logo-content{align-items:center;display:flex;height:100%;justify-content:center}.bubble-menu .menu-btn{background:#fff;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:0}.bubble-menu .menu-line{background:#111;border-radius:2px;height:2px;transition:.3s ease;width:20px}.bubble-menu .menu-line+.menu-line{margin-top:5px}.bubble-menu .menu-btn.open .menu-line:first-child{transform:translateY(3.5px) rotate(45deg)}.bubble-menu .menu-btn.open .menu-line:last-child{transform:translateY(-3.5px) rotate(-45deg)}.bubble-menu-items{align-items:center;display:flex;justify-content:center;pointer-events:auto;position:static;transform:none;width:100%}.bubble-menu-items.fixed{position:fixed}.bubble-menu-items.absolute{position:absolute}.bubble-menu-items .pill-list{align-items:center;display:flex;gap:10px;justify-content:center;list-style:none;margin:0;padding:0;pointer-events:auto}.bubble-menu-items .pill-list .pill-col{flex:0 0 auto}.bubble-menu-items .pill-link{--pill-bg:#fff;--pill-color:#111;--hover-bg:#f3f4f6;--hover-color:#111;align-items:center;background:var(--pill-bg);border-radius:999px;box-shadow:0 2px 8px #00000014;color:var(--pill-color);display:flex;font-size:.95rem;font-weight:500;justify-content:center;padding:.5rem 1.2rem;text-decoration:none;transition:all .25s ease;white-space:nowrap}.bubble-menu-items .pill-link:hover{background:var(--hover-bg);color:var(--hover-color);transform:scale(1.05)}.bubble-menu-items .pill-link:active{transform:scale(.95)}.bubble-menu-items .pill-label{display:inline-block}@media (max-width:768px){#navbar{border-radius:20px;bottom:16px;left:50%;padding:8px 12px;top:auto;transform:translateX(-50%);width:92%}.bubble-menu{gap:8px;justify-content:space-between}.bubble-menu-items{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);bottom:calc(100% + 10px);display:flex;justify-content:right;left:0;pointer-events:none;position:absolute;right:0}.bubble-menu-items .pill-list{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:#1e1e1e99;border:1px solid #ffffff14;border-radius:30px;box-shadow:0 8px 32px #0000004d;flex-direction:column;gap:10px;padding:15px;width:20%}.bubble-menu-items .pill-col{width:100%}.bubble-menu-items .pill-link{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.897);border-radius:50px;box-shadow:0 4px 20px #00000014;font-size:1.2rem;justify-content:center;padding:.9rem;width:100%}.bubble-menu-items .pill-link:hover{transform:none}.bubble-menu-items .pill-link:active{transform:scale(.97)}.bubble-menu .bubble{--bubble-size:48px}.pill-text{display:none}.pill-content{justify-content:center}}.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{margin:0 auto;max-width:1170px;padding:2em 0;position:relative;width:95%}.vertical-timeline:after{clear:both;content:"";display:table}.vertical-timeline:before{background:var(--line-color);content:"";height:100%;left:18px;position:absolute;top:0;width:4px}.vertical-timeline.vertical-timeline--one-column-right:before{left:auto;right:18px}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{clear:both;content:"";display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 3px 0 4px #0000000d;box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 3px 0 4px #0000000d;height:40px;left:0;position:absolute;top:0;width:40px}.vertical-timeline--one-column-right .vertical-timeline-element-icon{left:auto;right:0}.vertical-timeline-element-icon svg{display:block;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:relative;top:50%;width:24px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{height:60px;left:50%;margin-left:-30px;width:60px}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s;visibility:visible}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px 0 #ddd;margin-left:60px;padding:1em;position:relative}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-left:0;margin-right:60px}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{clear:both;content:"";display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{line-height:1.6;margin:1em 0 0}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{border:7px solid #0000;border-right-color:#fff;content:"";height:0;position:absolute;right:100%;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{border:7px solid #0000;border-left-color:#fff;content:"";height:0;left:100%;position:absolute;right:auto;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:initial;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{left:100%;top:24px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{font-size:16px;font-size:1rem;left:124%;position:absolute;top:6px;width:100%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:auto;right:100%;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:100%;right:auto;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s;visibility:visible}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s;visibility:visible}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.color-bends-container{height:100%;overflow:hidden;position:relative;width:100%}:root{--pointer-x:50%;--pointer-y:50%;--pointer-from-center:0;--pointer-from-top:0.5;--pointer-from-left:0.5;--card-opacity:0;--rotate-x:0deg;--rotate-y:0deg;--background-x:50%;--background-y:50%;--grain:none;--icon:none;--behind-gradient:none;--behind-glow-color:#7dbeffab;--behind-glow-size:25%;--inner-gradient:none;--sunpillar-1:#ff7a75;--sunpillar-2:#ffed61;--sunpillar-3:#a8ff61;--sunpillar-4:#85fff7;--sunpillar-5:#7a95ff;--sunpillar-6:#d875ff;--sunpillar-clr-1:var(--sunpillar-1);--sunpillar-clr-2:var(--sunpillar-2);--sunpillar-clr-3:var(--sunpillar-3);--sunpillar-clr-4:var(--sunpillar-4);--sunpillar-clr-5:var(--sunpillar-5);--sunpillar-clr-6:var(--sunpillar-6);--card-radius:30px}.pc-card-wrapper{perspective:500px;position:relative;touch-action:none;transform:translateZ(.1px)}.pc-behind{background:radial-gradient(circle at 50% 50%,#7dbeffab 0,#0000 25%);background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),var(--behind-glow-color) 0,#0000 var(--behind-glow-size));filter:blur(50px) saturate(1.1);inset:0;opacity:0;opacity:calc(var(--card-opacity)*.8);pointer-events:none;position:absolute;transition:opacity .2s ease;z-index:0}.pc-card-wrapper.active,.pc-card-wrapper:hover{--card-opacity:1}.pc-card{animation:glow-bg 12s linear infinite;aspect-ratio:.718;backface-visibility:hidden;background-blend-mode:color-dodge,normal,normal,normal;border-radius:30px;border-radius:var(--card-radius);display:grid;height:70svh;max-height:500px;overflow:hidden;position:relative;transition:transform 1s ease}.pc-card,.pc-card.active,.pc-card:hover{transform:translateZ(0) rotateX(0deg) rotateY(0deg)}.pc-card.active,.pc-card:hover{transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));transition:none}.pc-card-shell.entering .pc-card{transition:transform .18s ease-out}.pc-card-shell{position:relative;z-index:1}.pc-card *{border-radius:30px;border-radius:var(--card-radius);display:grid;grid-area:1/-1;pointer-events:none}.pc-inside{background-color:#297e7e78;background-image:none;background-image:var(--inner-gradient);inset:0;position:absolute;transform:none}.pc-shine{animation:holo-bg 18s linear infinite;animation-play-state:running;filter:brightness(.66) contrast(1.33) saturate(.33) opacity(.5);-webkit-mask-image:none;mask-image:none;-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-position:top -50% left 50%;mask-position:top -50% left 50%;-webkit-mask-position:top calc(200% - var(--background-y)*5) left calc(100% - var(--background-x));mask-position:top calc(200% - var(--background-y)*5) left calc(100% - var(--background-x));-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;mix-blend-mode:color-dodge;transition:filter .8s ease}.pc-shine,.pc-shine:after{--space:5%;--angle:-45deg;background:#0000;background-blend-mode:color,hard-light;background-image:repeating-linear-gradient(0deg,#ff7a75 calc(var(--space)*1),#ffed61 calc(var(--space)*2),#a8ff61 calc(var(--space)*3),#85fff7 calc(var(--space)*4),#7a95ff calc(var(--space)*5),#d875ff calc(var(--space)*6),#ff7a75 calc(var(--space)*7)),repeating-linear-gradient(var(--angle),#0e152e 0,#8fa3a3 3.8%,#8fc1c1 4.5%,#8fa3a3 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at 50% 50%,#0000001a 12%,#00000026 20%,#00000040 120%);background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space)*1),var(--sunpillar-clr-2) calc(var(--space)*2),var(--sunpillar-clr-3) calc(var(--space)*3),var(--sunpillar-clr-4) calc(var(--space)*4),var(--sunpillar-clr-5) calc(var(--space)*5),var(--sunpillar-clr-6) calc(var(--space)*6),var(--sunpillar-clr-1) calc(var(--space)*7)),repeating-linear-gradient(var(--angle),#0e152e 0,#8fa3a3 3.8%,#8fc1c1 4.5%,#8fa3a3 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),#0000001a 12%,#00000026 20%,#00000040 120%);background-position:50%;background-position:0 50%,50% 50%,50%;background-position:0 var(--background-y),var(--background-x) var(--background-y),50%;background-repeat:repeat;background-size:cover;background-size:500% 500%,300% 300%,200% 200%;overflow:hidden;transform:translateZ(1px);z-index:3}.pc-shine:after,.pc-shine:before{background-position:50%;background-size:cover;content:"";grid-area:1/1;opacity:0;transition:opacity .8s ease}.pc-card.active .pc-shine,.pc-card:hover .pc-shine{animation-play-state:paused;filter:brightness(.85) contrast(1.5) saturate(.5)}.pc-card.active .pc-shine:after,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card:hover .pc-shine:before{opacity:1}.pc-shine:before{background-blend-mode:color-dodge;background-image:linear-gradient(45deg,#85fff7,#7a95ff,#d875ff,#ff7a75,#ffed61,#a8ff61),radial-gradient(circle at 50% 50%,#b3b3b3 0,#4d4d4d33 90%),none;background-image:linear-gradient(45deg,var(--sunpillar-4),var(--sunpillar-5),var(--sunpillar-6),var(--sunpillar-1),var(--sunpillar-2),var(--sunpillar-3)),radial-gradient(circle at var(--pointer-x) var(--pointer-y),#b3b3b3 0,#4d4d4d33 90%),var(--grain);background-position:50% 50%,50%,.5% .5%;background-position:var(--pointer-x) var(--pointer-y),50%,calc(var(--pointer-x)*.01) calc(var(--pointer-y)*.01);background-size:250% 250%,100% 100%,220px 220px;filter:brightness(2) contrast(2) saturate(.5);filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}.pc-shine:after{background-position:0 50%,20% 25%,50%;background-position:0 var(--background-y),calc(var(--background-x)*.4) calc(var(--background-y)*.5),50%;background-size:200% 300%,700% 700%,100% 100%;filter:brightness(.8) contrast(1.5);mix-blend-mode:difference}.pc-glare{background-image:radial-gradient(farthest-corner circle at 50% 50%,#c3bfd9 12%,#2e506bcc 90%);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),#c3bfd9 12%,#2e506bcc 90%);filter:brightness(.8) contrast(1.2);mix-blend-mode:overlay;overflow:hidden;transform:translateZ(1.1px);z-index:4}.pc-avatar-content{backface-visibility:hidden;mix-blend-mode:luminosity;overflow:visible;transform:translateZ(2)}.pc-avatar-content .avatar{backface-visibility:hidden;bottom:-1px;left:50%;position:absolute;transform:translateX(-50%) translateZ(0) scaleY(1) scaleX(1);transform:translateX(calc(-50% + (var(--pointer-from-left) - .5)*6px)) translateZ(0) scaleY(calc(1 + (var(--pointer-from-top) - .5)*.02)) scaleX(calc(1 + (var(--pointer-from-left) - .5)*.01));transform-origin:50% 100%;transition:transform .12s ease-out;width:100%;will-change:transform}.pc-avatar-content:before{-webkit-backdrop-filter:none;backdrop-filter:none;content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.pc-user-info{--ui-inset:20px;--ui-radius-bias:6px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:calc(max(0px, 30px - var(--ui-inset) + var(--ui-radius-bias)));border-radius:calc(max(0px, var(--card-radius) - var(--ui-inset) + var(--ui-radius-bias)));bottom:var(--ui-inset);justify-content:space-between;left:var(--ui-inset);padding:12px 14px;pointer-events:auto;position:absolute;right:var(--ui-inset);z-index:2}.pc-user-details,.pc-user-info{align-items:center;display:flex}.pc-user-details{gap:12px}.pc-mini-avatar{border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.pc-mini-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.pc-user-text{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.pc-handle{color:#ffffffe6;font-weight:500}.pc-handle,.pc-status{font-size:14px;line-height:1}.pc-status{color:#ffffffb3}.pc-contact-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:8px;color:#ffffffe6;cursor:pointer;font-size:12px;font-weight:600;padding:12px 16px;transition:all .2s ease}.pc-contact-btn:hover{border-color:#fff6;transform:translateY(-1px);transition:all .2s ease}.pc-content:not(.pc-avatar-content){max-height:100%;mix-blend-mode:luminosity;overflow:hidden;position:relative;text-align:center;transform:translate3d(0,0,.1px);transform:translate3d(calc(var(--pointer-from-left)*-6px + 3px),calc(var(--pointer-from-top)*-6px + 3px),.1px);z-index:5}.pc-details{display:flex;flex-direction:column;position:absolute;top:3em;width:100%}.pc-details h3{background-image:linear-gradient(180deg,#fff,#6f6fbe);font-size:min(5svh,3em);margin:0}.pc-details h3,.pc-details p{-webkit-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;background-size:1em 1.5em;font-weight:600}.pc-details p{background-image:linear-gradient(180deg,#fff,#4a4ac0);font-size:16px;margin:0 auto;position:relative;top:-12px;white-space:nowrap;width:min-content}@keyframes glow-bg{0%{--bgrotate:0deg}to{--bgrotate:360deg}}@keyframes holo-bg{0%{background-position:0 50%,0 0,50%;background-position:0 var(--background-y),0 0,50%}to{background-position:0 50%,90% 90%,50%;background-position:0 var(--background-y),90% 90%,50%}}@media (max-width:768px){.pc-card{height:70svh;max-height:450px}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2.5em)}.pc-details p{font-size:14px}.pc-user-info{--ui-inset:15px;padding:10px 12px}.pc-mini-avatar{height:28px;width:28px}.pc-user-details{gap:10px}.pc-handle{font-size:13px}.pc-status{font-size:10px}.pc-contact-btn{font-size:11px;padding:6px 12px}}@media (max-width:480px){.pc-card{height:60svh;max-height:380px}.pc-details{top:1.5em}.pc-details h3{font-size:min(3.5svh,2em)}.pc-details p{font-size:12px;top:-8px}.pc-user-info{--ui-inset:12px;padding:8px 10px}.pc-mini-avatar{height:24px;width:24px}.pc-user-details{gap:8px}.pc-handle{font-size:12px}.pc-status{font-size:9px}.pc-contact-btn{border-radius:50px;font-size:10px;padding:5px 10px}}@media (max-width:320px){.pc-card{height:55svh;max-height:320px}.pc-details h3{font-size:min(3svh,1.5em)}.pc-details p{font-size:11px}.pc-user-info{padding:6px 8px}.pc-mini-avatar{height:20px;width:20px}.pc-user-details{gap:6px}.pc-handle{font-size:11px}.pc-status{font-size:8px}.pc-contact-btn{border-radius:50px;font-size:9px;padding:4px 8px}}
/*# sourceMappingURL=main.739e745f.css.map*/