.under-dev__container{background:var(--panels);width:40%;display:flex;justify-content:stretch;padding:25px;gap:10px;align-items:center;border-radius:25px;border-width:2px;border-style:solid;border-color:var(--panel-borders)}.under-dev__container .under-dev__badge .under-dev__img{height:50px;width:50px;margin:10px}.under-dev__container .under-dev__text-section{display:flex;flex-direction:column;gap:8px;text-align:left;align-self:flex-start}.under-dev__container .under-dev__text-section .under-dev__title{color:var(--labels);font-size:24px;font-weight:700}.under-dev__container .under-dev__text-section .under-dev__label{color:var(--secondary-labels);font-size:16px}.contact{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:contact-modal-fade .2s ease}@keyframes contact-modal-fade{0%{opacity:0}to{opacity:1}}.contact__box{position:relative;width:min(420px,100%);max-height:750px;padding:28px;border-radius:20px;background:var(--panels);border:1px solid var(--panel-borders);color:var(--labels);animation:contact-modal-in .25s ease}@keyframes contact-modal-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.contact__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#fff6;font-size:22px;line-height:1;cursor:pointer;transition:background .3s ease,color .3s ease}.contact__close:hover{background:#ffffff14;color:#fff}.contact__title{margin:0 0 6px;font-size:24px;font-weight:700}.contact__subtitle{margin:0 0 20px;font-size:14px;color:var(--sublabels)}.contact__list{display:flex;flex-direction:column;gap:8px}.platform-button__item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--button);border:1px solid var(--button-borders);color:inherit;text-decoration:none;transition:background .18s ease,border-color .18s ease}.platform-button__item:hover{background:var(--button-hover);border-color:var(--button-borders-hover)}.platform-button__icon{width:22px;height:22px;object-fit:contain;flex-shrink:0}.platform-button__info{flex:1;min-width:0}.platform-button__label{font-size:18px;font-weight:500}.platform-button__handle{margin-top:2px;font-size:13px;color:var(--main-color2)}.links{display:flex;flex-direction:column;justify-content:center;max-width:75%}.links__container .links__title{display:flex;font-size:36px;background:linear-gradient(90deg,#3264ff,#ff3264);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:700;margin:25px;justify-content:center;cursor:default}.links__container .links__subtitle{display:flex;font-size:18px;color:var(--main-color3);font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;justify-content:center;cursor:default}.links__container .links__about{display:flex;align-items:center;flex-direction:column;font-size:18px;gap:25px;text-align:center}.links__container .links__avatar{height:200px;width:200px;object-fit:cover;border-radius:100px}.links__container .links__about .links__contact-button{padding:25px;height:50px;width:300px;background-color:var(--primary-button);border:solid 2px;border-color:var(--primary-button-border);border-radius:25px;display:flex;font-size:16px;font-weight:700;align-items:center;color:var(--labels);justify-content:center;transition:background-color .3s ease-in-out,border-color .8s ease-in-out}.links__container .links__about .links__contact-button:hover{background-color:var(--primary-button-hover);border-color:var(--primary-button-border-hover);opacity:1}.links__container .links__badges{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center}.links__container .links__badges .links__badge{color:var(--badge-color);border-radius:50px;padding:2.5px 10px;border:solid 2px var(--badge-color)}.links__container .links__socials{display:flex;flex-direction:row;gap:25px;align-items:center;justify-content:center}.links-button .links-button__container{position:relative;display:inline-block;padding:10px 50px 8px;text-align:center}.links__preview-arts{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.links__preview-arts .preview__img{height:250px;width:500px;object-fit:cover;border-radius:25px}:root{--main-color1: rgb(50, 100, 255);--main-color2: rgb(255, 50, 100);--main-color3: rgb(131, 37, 255);--secondary-main-color1: rgb(0, 30, 100);--secondary-main-color2: rgb(100, 0, 30);--labels: rgb(250, 250, 250);--secondary-labels: rgb(225, 225, 225);--sublabels: rgb(150, 150, 150);--background: rgb(20, 20, 20);--panels: rgb(25, 25, 25);--panel-borders: rgb(30, 30, 30);--footer: rgb(10, 10, 10);--primary-button: rgba(150, 0, 200, .1);--primary-button-border: rgba(200, 0, 200, .6);--primary-button-hover: rgba(150, 0, 200, .3);--primary-button-border-hover: rgba(200, 0, 200, 1);--button: rgba(35, 35, 35);--button-borders: rgba(40, 40, 40);--button-hover: rgba(45, 45, 45);--button-borders-hover: rgba(50, 50, 50)}.main{background-color:var(--footer);left:0;top:0;right:0;position:absolute;width:100%;min-height:100%;font-family:Calibri;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;cursor:default}.header{position:fixed;z-index:100;top:0;left:0;right:0;padding:10px 5px 15px;display:flex;flex-direction:column;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-width:0 0 2px 0;border-color:transparent;border-style:solid;border-radius:0 0 15px 15px;box-sizing:border-box;background:linear-gradient(to right,#0032ff40,#ff003240);text-align:center}.header:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:0 0 2px;z-index:-1;background:linear-gradient(to right,var(--main-color1),var(--main-color2));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.header .logo{position:absolute;display:flex;align-items:center;scale:1;opacity:.75;transition:scale .4s ease,opacity .25s ease}.header .logo:hover{scale:1.05;opacity:1.5}.logo .logo__img{display:block;width:auto;height:50px}.logo .logo__label{color:var(--main-color1);font-size:20px;font-weight:700}.body{padding:100px 25px 25px;color:var(--labels);background-color:var(--background);display:flex;justify-content:center;border-radius:0 0 25px 25px}.footer{padding:10px;height:150px;text-align:center;display:flex;justify-content:center}.footer .footer__inner{color:#4b4b64}.nav-button{display:inline-block;background:none;text-decoration:none;border:none;color:var(--labels);font-size:24px;cursor:pointer}.links__socials{display:flex;align-items:center;flex-direction:column;gap:25px;text-align:center;flex-wrap:wrap}.links-button{display:inline-block;background:none;text-decoration:none;border:none;color:var(--secondary-labels);font-size:20px;cursor:pointer}.nav-button .nav-button__container{position:relative;display:inline-block;padding:10px 50px 8px;text-align:center}.links-button .links-button__container{position:relative;display:flex;flex-direction:row;text-align:center;gap:10px;padding:10px 50px 8px}.nav-button .nav-button__container:after,.nav-button .nav-button__container:before,.links-button .links-button__container:after,.links-button .links-button__container:before{content:"";position:absolute;left:50px;right:50px;height:2px;border-radius:2px;background-attachment:fixed;background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}.nav-button .nav-button__container:after,.links-button .links-button__container:after{bottom:-8px;opacity:0;background-image:linear-gradient(to right,var(--main-color1) var(--g-start, 0%),var(--main-color2) var(--g-end, 100%));transition:opacity .25s ease-in-out,bottom .25s ease-in-out}.nav-button .nav-button__container:before,.links-button .links-button__container:before{bottom:-8px;opacity:0;background-image:linear-gradient(to right,var(--main-color2) var(--g-start, 0%),var(--main-color2) var(--g-end, 100%));transition:opacity .4s ease-in-out,bottom .25s ease-in-out}.nav-button:hover .nav-button__container:after,.nav-button:hover .nav-button__container:before,.nav-button.active .nav-button__container:after,.nav-button.active .nav-button__container:before,.links-button:hover .links-button__container:after,.links-button:hover .links-button__container:before{opacity:1;bottom:0}.links-button .button__img{height:25px;width:25px}