*{color:var(--text-color);margin:0;padding:0;line-height:1.5em;text-decoration:none;list-style-type:none}:root{--background-primary:#460539;--background-secondary:#381310;--background-tetriary:#1f0c3b;--text-color:aliceblue;font-family:arial;font-size:1vw}#dark-theme{--background-primary:#460539;--background-secondary:#381310;--background-tetriary:#1f0c3b;--text-color:aliceblue}html{scroll-behavior:smooth;scrollbar-width:medium;scrollbar-color:#8d63b8 #000}html::-webkit-scrollbar{width:.85rem}html::-webkit-scrollbar-track{background:linear-gradient(#460539 0%,#381310 54%,#1f0c3b 100%);border-radius:999px;box-shadow:inset 0 0 6px #00000080}html::-webkit-scrollbar-button{background:linear-gradient(#460539 0%,#381310 54%,#1f0c3b 100%);height:.85rem}html::-webkit-scrollbar-corner{background:#2a1025}html::-webkit-scrollbar-thumb{background:linear-gradient(#6a2b67 0%,#8d63b8 50%,#4b1d70 100%);border:2px solid #2a1025;border-radius:999px;box-shadow:0 0 10px #8d63b840}html::-webkit-scrollbar-thumb:hover{background:linear-gradient(#7a3475 0%,#a07bd0 50%,#5b2590 100%);box-shadow:0 0 14px #a07bd055}body{background:var(--background-primary);background:radial-gradient(circle, var(--background-primary) 0%, var(--background-secondary) 54%, var(--background-tetriary) 100%);overflow-x:hidden}section{width:100%;min-height:10vh;padding:2em 0;position:relative}section .content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text-color);padding:1em 2em;position:relative;overflow-x:hidden}section .content-1{width:100%;height:100%;margin:auto;position:absolute;top:0;left:0}section:nth-child(2n){background-color:#00000080}.card-container{perspective:800px;flex-wrap:wrap;justify-content:center;max-width:100%;display:flex;overflow-y:hidden}.text-container{color:var(--text-color);box-shadow:inset;gap:2em;padding:0 2em;font-size:1.2em;display:flex}.text-container h3{font-size:1.8em}.text-container p{white-space:pre-line;margin-top:.5em;margin-bottom:.5em;position:relative}.text-container p:before,p:after{content:"";border-radius:100px;width:100%;height:3px;position:absolute;left:0}.text-container p:before{background:linear-gradient(90deg,#fff 0%,#fff0 100%);top:-.5em}.text-container p:after{background:linear-gradient(-90deg,#fff 0%,#fff0 100%);bottom:-.5em}#about-us{color:var(--text-color)}#about-us #team-header{text-align:center;padding:1em;font-size:2.1em}#projects{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}#projects .header{position:absolute;top:3em;left:2em}#projects .header h1{text-transform:capitalize;margin-bottom:.5em;position:relative}#projects .header h1:after{content:"";background:linear-gradient(90deg,#fff 0%,#0000 100%);width:50%;height:2px;position:absolute;bottom:0;left:0}#blog{padding:5em 0 3em}#blog .header{margin-bottom:1.5em;padding:0 2em}#blog .header h1{text-transform:capitalize;margin-bottom:.5em;position:relative}#blog .header h1:after{content:"";background:linear-gradient(90deg,#fff 0%,#0000 100%);width:50%;height:2px;position:absolute;bottom:0;left:0}@media (width<=800px){.card{width:40%;font-size:2rem}}.mini-profile-overlay{z-index:999;background:#00000040;justify-content:flex-start;align-items:flex-start;display:flex;position:fixed;inset:0}@media screen and (width<=600px){section{min-height:100vh;font-size:4em}#front .content{align-items:center;height:100vh;display:flex}#about-us .text-container{flex-direction:column;display:flex}#projects{flex-direction:column;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex;overflow:hidden}#projects .header{width:calc(100% - 2em);padding:1em;position:relative;top:0;left:0}#blog{padding:1em 0}#blog .header{width:calc(100% - 2em);margin-bottom:5em;padding:0 1em;position:relative}#blog .header h3{text-wrap:wrap;width:100%;padding:1em}.footer .back-to-top{font-size:1.2em}.footer{font-size:3em}}.profile-card{aspect-ratio:1/1.3;width:18%;transform-style:preserve-3d;cursor:pointer;margin:1em 4em;transition:transform .3s ease-out,box-shadow .3s ease-out;position:relative}.profile-card .front,.profile-card .back{backface-visibility:hidden;border-radius:10px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.profile-card .front{z-index:2;background:linear-gradient(#fff 0%,#f0f0f0 70%,#0f0f0f 95%,#000 100%);transform:rotateY(0)}.profile-card .back{background:linear-gradient(#000 0%,#00000080 100%);transform:rotateY(180deg)}.profile-card img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%}.profile-card .front .name{text-transform:capitalize;text-transform:capitalize;justify-content:start;align-items:center;width:calc(100% - 2em);display:flex;position:absolute;bottom:1em;left:1em}.profile-card .front .name small{text-transform:capitalize;font-size:.6em}.profile-card .back .name{text-transform:capitalize;justify-content:start;align-items:center;width:calc(100% - 2em);padding:1em;display:flex;position:absolute;top:0;left:0}.profile-card .back .about{max-height:70%;padding:1em;font-size:1em;position:absolute;bottom:0;overflow:hidden scroll}.profile-card .back .about h4{margin-bottom:.5em}.profile-card .back .about p{font-size:.8em}.profile-card .back .about ul{margin-left:1em;position:relative}.profile-card .back .about ul li{font-size:.8em;list-style:outside}.profile-card .back .name small{font-size:.6em}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.profile-card:before,.profile-card:after{content:"";background-image:conic-gradient(from var(--angle), #f000 50%, red);z-index:-1;border-radius:3%;width:99%;height:99%;transition:all .2s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-card:before{filter:blur();opacity:.8}.profile-card:hover:before{filter:blur(10px)}.profile-card:hover:after,.profile-card:hover:before{width:101%;height:101%;animation:3s linear infinite rotationBackground;position:absolute}.profile-card.flipped:hover:after,.profile-card.flipped:hover:before{background-image:conic-gradient(from var(--angle), red, #f000 50%);animation:3s linear infinite reverse rotationBackground}@keyframes rotationBackground{0%{--angle:0deg}to{--angle:360deg}}@media (width<=600px){.profile-card{width:100%;margin:2em 0}}.profile-icon{object-fit:cover;background:linear-gradient(#1c1c1c 0%,#090909 100%);border:2px solid #fff5;border-radius:50%;width:3rem;height:3rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:block;box-shadow:0 0 16px #00000050,0 0 12px #ffffff1a}.profile-icon:hover{border-color:#a07bd0aa;transform:translateY(-1px);box-shadow:0 0 18px #0005,0 0 16px #a07bd055,0 0 24px #8d63b840}.profile-icon-button{cursor:pointer}.profile-icon-button:focus-visible{outline-offset:3px;outline:2px solid #a07bd0}.mini-profile{background:#320318;border:1px solid #b5a5dcda;border-radius:16px;width:320px;max-width:90vw;padding:0;font-family:Arial,sans-serif;box-shadow:0 2px 12px #dd1313}.mini-profile-header{border-bottom:1px solid #4d4d4d;align-items:center;padding:12px;display:flex}.mini-profile-avatar{object-fit:cover;border:1px solid #7777775d;border-radius:50%;width:50px;height:50px;margin-right:12px}.mini-profile-info h4{color:#cacaca;margin:0;font-size:16px;font-weight:700}.mini-profile-info p{color:#939393;margin:4px 0 0;font-size:14px}.mini-profile-close{color:#818181;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;padding:0;font-size:20px;transition:background-color .2s;display:flex}.mini-profile-close:hover{color:#434343;background-color:#e6e6e6}.mini-profile-about{padding:12px}.mini-profile-about p{color:#b5b5b5;margin:0;font-size:14px;line-height:1.4}.mini-profile-loading-spinner{border:2px solid #c6c6c6;border-top:3px solid #3498db;border-radius:50%;width:50px;height:50px;margin-right:12px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}header{z-index:1000;justify-content:space-between;width:calc(100% - 1em);height:3em;padding:.5em;transition:all .2s ease-out;display:flex;position:fixed;top:0}header.tinted{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000008d;height:2em}header>div:first-child{cursor:pointer;align-items:center;height:100%;display:flex}header #logo{cursor:pointer;height:100%;display:block}header #logo img{height:100%;transition:all .2s ease-in-out}header #logo:hover img{transform:scale(1.2)}header nav{align-content:center}header nav ul{text-transform:capitalize;gap:1em;height:100%;display:flex}nav a{color:var(--text-color);background:0 0;border-top-left-radius:10px;border-top-right-radius:10px;min-width:3rem;height:100%;padding:0 1em;text-decoration:none;transition:all .2s ease-out;position:relative}nav a li{align-content:center;width:max-content;height:100%}nav a li:after{content:"";background-color:var(--text-color);width:0%;height:2px;transition:all .2s ease-out;position:absolute;bottom:0;left:0}nav a:hover{text-shadow:0 0 5px #ff12d0;font-size:1em}nav .active{font-size:1em}nav a:hover li:after{width:100%}nav a.disable-hover:hover li:after{width:0%}nav a li .profile-icon{aspect-ratio:1;width:auto;max-width:3rem;height:calc(100% - 4px);padding:0}nav .active li:after{width:100%}.header-menu-button{display:none}@media screen and (width<=600px){header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000a0;flex-direction:column;justify-content:start;gap:10em;width:70%;height:100%;position:fixed;top:0;right:0;transform:translate(100%)}header.tinted{height:100%}header.open{transform:translate(0%)}header>div:first-child{height:auto;padding:1em}header #logo{width:20%;height:auto}header #logo img{width:100%;height:auto}header nav{justify-content:center;align-items:center;display:flex}header nav ul{flex-direction:column;justify-content:center;align-items:start;width:auto;font-size:2vh}header nav ul a li img.profile-icon{width:15rem;max-width:none;height:15rem;max-height:none;position:absolute}nav a:hover{transform:scale(1)}.header-menu-button{--button-color:var(--text-color);--button-size:4em;border:solid 2px var(--text-color);width:var(--button-size);height:var(--button-size);z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;border-radius:10px;display:block;position:fixed;top:1em;right:1em}.header-menu-button svg{width:100%;height:100%;transition:all .5s;overflow:hidden}.header-menu-button.open svg{rotate:45deg}.header-menu-button .line{stroke-dasharray:60 47 60 46 60 1000;transition:all .5s}.header-menu-button.open .line{stroke-dashoffset:-106px;stroke-dasharray:60 138 60 1000}}.bigLogoWrapper{overflow:hidden}.project-slider{perspective:800px;justify-content:center;align-items:center;gap:3%;width:100%;min-height:33vh;display:flex}¨ .project-slider__card{background-color:#000;width:fit-content;height:fit-content}.project-slider__controls{justify-content:space-between;width:100%;height:100%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.project-slider__controls button{cursor:pointer;text-align:center;vertical-align:middle;border:none;padding:2em 0;font-size:3em;transition:text-shadow .2s ease-out,transform .2s ease-out}.project-slider__controls button:hover{text-shadow:0 0 5px #fff;transform:scale(1.05)}.project-slider__controls button:active{transform:scale(1)}.project-slider__controls .previous{background:linear-gradient(90deg,#00000090 0%,#00000010 100%)}.project-slider__controls .next{background:linear-gradient(-90deg,#00000090 0%,#00000010 100%)}.project-slider__controls .left,.project-slider__controls .right{background:0 0;height:100%}.project-slider__controls .left i,.project-slider__controls .right i{color:#0000;text-shadow:0 0 #fff0;padding:2em;font-size:3em}@media (width<=600px){.project-slider{width:100%;height:100%}.project-slider__controls{pointer-events:none;touch-action:none;z-index:1000;width:100%}.project-slider__controls .left,.project-slider__controls .right{pointer-events:none;touch-action:none;display:none}.project-slider__controls button{touch-action:manipulation;pointer-events:all}}.project-card{aspect-ratio:1.3;width:30%;transform-style:preserve-3d;transform-origin:50%;backface-visibility:hidden;background:#000;border-radius:20px;transition:all .2s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-card .project-content{background:linear-gradient(800px circle at var(--mouse-x) var(--mouse-y) #fff, transparent 40%);border-radius:inherit;background-color:#0000;border:2px solid #ffffff50;width:calc(100% - 4px);height:calc(100% - 4px);position:relative;overflow:hidden}.project-card .banner img{object-fit:cover;width:100%}.project-card .banner{width:100%;height:30%;position:absolute;top:0}.project-card .info{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(#000000d0 0%,#000 100%);width:calc(100% - 2em);padding:1em;position:absolute;bottom:0}.project-card h1{margin-bottom:.3em}.project-card p{margin-bottom:1em}.project-card .call-to-action{justify-content:end;display:flex}.project-card .call-to-action button{cursor:pointer;background:#ff4500;border-color:#0000;border-radius:10px;padding:.5em 1em;font-size:1em;transition:all .1s ease-out}.project-card .call-to-action button:hover{text-decoration:underline;transform:scale(1.1)}.project-card .call-to-action button:active{transform:scale(1)}@media (width<=600px){.project-card{width:90%;height:90%}.project-card:hover{transform:scale()}}.login-overlay{z-index:1999;background-color:#00000080;animation:.3s ease-out fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-panel{z-index:2000;background:linear-gradient(160deg,#0d051a 0%,#1f0c3b 50%,#381310 100%);width:400px;height:100vh;transition:right .3s ease-out;position:fixed;top:0;right:-400px;overflow-y:auto;box-shadow:-5px 0 20px #00000080}.login-error{color:red;margin-bottom:.5rem;font-size:.875rem}.login-panel.open{right:0}@media (width<=768px){.login-panel{width:100%;right:-100%}}.login-container{flex-direction:column;height:92%;padding:2rem;display:flex}.login-container h2{color:var(--text-color,#fff);text-align:center;margin-bottom:1.5rem;font-size:1.8rem;position:relative}.login-container h2:after{content:"";background:linear-gradient(90deg,#fff 0%,#fff0 100%);border-radius:100px;width:50%;height:3px;position:absolute;bottom:-.5em;left:50%;transform:translate(-50%)}.login-container form{flex-direction:column;flex:1;display:flex}@media (width<=600px){.login-panel,.signup-panel,.forgot-password-panel,.reset-password-panel{font-size:4em}.login-panel .login-container h2{margin-bottom:2em;font-size:2em}.login-panel form div label,.login-panel form div input,.login-panel .form-footer p{font-size:1em}.signup-panel .signup-container h2{margin-bottom:2em;font-size:2em}.signup-panel form div label,.signup-panel form div input,.signup-panel .form-footer p{font-size:1em}.forgot-password-panel .forgot-password-container h2{margin-bottom:2em;font-size:2em}.forgot-password-panel form div label,.forgot-password-panel form div input,.forgot-password-panel .form-footer p{font-size:1em}.reset-password-panel .reset-password-container h2{margin-bottom:2em;font-size:2em}.reset-password-panel form div label,.reset-password-panel form div input,.reset-password-panel .form-footer p{font-size:1em}aside div .close-btn{font-size:3em}}.signup-overlay{z-index:1999;background-color:#00000080;animation:.3s ease-out fadeIn;position:fixed;inset:0}.signup-panel{z-index:2000;background:linear-gradient(160deg,#0d051a 0%,#1f0c3b 50%,#381310 100%);width:400px;height:100vh;transition:right .3s ease-out;position:fixed;top:0;right:-400px;overflow-y:auto;box-shadow:-5px 0 20px #00000080}.signup-panel.open{right:0}@media (width<=768px){.signup-panel{width:100%;right:-100%}}.signup-container{flex-direction:column;height:92%;padding:2rem;display:flex}.signup-container h2{color:var(--text-color,#fff);text-align:center;margin-bottom:1.5rem;font-size:1.8rem;position:relative}.signup-container h2:after{content:"";background:linear-gradient(90deg,#fff 0%,#fff0 100%);border-radius:100px;width:50%;height:3px;position:absolute;bottom:-.5em;left:50%;transform:translate(-50%)}.signup-container form{flex-direction:column;flex:1;display:flex}.signup-btn:hover{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:#fff;background:linear-gradient(90deg,#7a4bff 0%,#ff12d0 55%,#0088be 100%) 100%/200% 100%;border:2px solid #0000;border-radius:8px;margin-top:.5em;padding:.75em 2.5em;font-family:inherit;font-size:1em;transition:background-position .4s,box-shadow .3s,transform .15s;box-shadow:0 0 18px #7a4bff40}.signup-btn:active{transform:translateY(0);box-shadow:0 0 12px #7a4bff40}.signup-btn{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:#fff;background:linear-gradient(#1f0c3b,#1f0c3b) padding-box padding-box,linear-gradient(90deg,#7a4bff 0%,#ff12d0 55%,#0088be 100%) border-box;border:2px solid #0000;border-radius:8px;margin-top:.5em;padding:.75em 2.5em;font-family:inherit;font-size:1em;transition:background .4s,box-shadow .3s,transform .15s;box-shadow:0 0 18px #7a4bff40}.error-message{color:red;margin-bottom:.5rem;font-size:.875rem}.forgot-password-overlay{z-index:1999;background-color:#00000080;animation:.3s ease-out fadeIn;position:fixed;inset:0}.forgot-password-panel{z-index:2000;background:linear-gradient(160deg,#0d051a 0%,#1f0c3b 50%,#381310 100%);width:400px;height:100vh;transition:right .3s ease-out;position:fixed;top:0;right:-400px;overflow-y:auto;box-shadow:-5px 0 20px #00000080}.forgot-password-panel.open{right:0}@media (width<=768px){.forgot-password-panel{width:100%;right:-100%}}.forgot-password-container{flex-direction:column;height:92%;padding:2rem;display:flex}.forgot-password-container h2{color:var(--text-color,#fff);text-align:center;margin-bottom:1.5rem;font-size:1.8rem;position:relative}.forgot-password-container h2:after{content:"";background:linear-gradient(90deg,#fff 0%,#fff0 100%);border-radius:100px;width:50%;height:3px;position:absolute;bottom:-.5em;left:50%;transform:translate(-50%)}.forgot-password-container form{flex-direction:column;flex:1;display:flex}.form-group{flex-direction:column;margin-bottom:1.5rem;display:flex;position:relative}.form-group label{color:var(--text-color,#fff);margin-bottom:.5rem;font-size:.95rem;font-weight:500}.form-group input{color:var(--text-color,#fff);z-index:2;background-color:#ffffff0d;border:2px solid #fff3;border-radius:5px;padding:.75rem;font-size:1rem;position:relative}.form-group input:after{content:"";background:linear-gradient(-90deg,#fff 0%,#fff0 100%);border-radius:100px;width:100%;height:3px;position:absolute;bottom:-.5em;left:0}.form-group input:-webkit-autofill{-webkit-text-fill-color:var(--text-color,#fff)!important;background-color:#1a1a2ef2!important;-webkit-box-shadow:inset 0 0 0 1000px #1a1a2ef2!important}.form-group input::placeholder{color:#ffffff80}.form-group input:focus{z-index:2;background:#ffffff1a linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-color:#ffffff80;outline:none}.form-group:before,.form-group:after{content:"";width:100%;height:calc(100% - 1rem -.5rem);background-image:conic-gradient(from var(--angle), #f000 50%, #9148e6);z-index:1;opacity:0;pointer-events:none;border-radius:5px;transition:all .2s ease-out;position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}.form-group:before{filter:blur()}.form-group:focus-within:before,.form-group:focus-within:after{opacity:1;width:101%;height:calc(102% - 1.5rem);animation:3s linear infinite rotationBackground}.form-group:focus-within:before{filter:blur(8px);opacity:.8}.forgot-password-btn:hover{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:#fff;background:linear-gradient(90deg,#7a4bff 0%,#ff12d0 55%,#0088be 100%) 100%/200% 100%;border:2px solid #0000;border-radius:8px;margin-top:.5em;padding:.75em 2.5em;font-family:inherit;font-size:1em;transition:background-position .4s,box-shadow .3s,transform .15s;box-shadow:0 0 18px #7a4bff40}.forgot-password-btn:active{transform:translateY(0);box-shadow:0 0 12px #7a4bff40}.forgot-password-btn{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:#fff;background:linear-gradient(#1f0c3b,#1f0c3b) padding-box padding-box,linear-gradient(90deg,#7a4bff 0%,#ff12d0 55%,#0088be 100%) border-box;border:2px solid #0000;border-radius:8px;margin-top:.5em;padding:.75em 2.5em;font-family:inherit;font-size:1em;transition:background .4s,box-shadow .3s,transform .15s;box-shadow:0 0 18px #7a4bff40}.login-btn:hover{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:#fff;background:linear-gradient(90deg,#7a4bff 0%,#ff12d0 55%,#0088be 100%) 100%/200% 100%;border:2px solid #0000;border-radius:8px;margin-top:.5em;padding:.75em 2.5em;font-family:inherit;font-size:1em;transition:background-position .4s,box-shadow .3s,transform .15s;box-shadow:0 0 18px #7a4bff40}.login-btn:active{transform:translateY(0);box-shadow:0 0 12px #7a4bff40}.login-btn{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:#fff;background:linear-gradient(#1f0c3b,#1f0c3b) padding-box padding-box,linear-gradient(90deg,#7a4bff 0%,#ff12d0 55%,#0088be 100%) border-box;border:2px solid #0000;border-radius:8px;margin-top:.5em;padding:.75em 2.5em;font-family:inherit;font-size:1em;transition:background .4s,box-shadow .3s,transform .15s;box-shadow:0 0 18px #7a4bff40}.form-footer{text-align:center;margin-top:auto;padding-top:1.5rem;position:relative}.form-footer:before{content:"";background:linear-gradient(90deg,#fff0 0%,#fff 100%);border-radius:100px;width:100%;height:3px;position:absolute;top:0;left:0}.form-footer p{color:#fffc;margin:.5rem 0;font-size:.9rem}.form-footer a{color:#667eea;text-decoration:none;transition:color .2s}.form-footer a:hover{color:#764ba2;text-decoration:underline}.forgot-password-error{color:red;margin-bottom:.5rem;font-size:.875rem}.user-profile-overlay{z-index:1999;background-color:#00000080;animation:.3s ease-out fadeIn;position:fixed;inset:0}.user-profile-panel{z-index:2000;opacity:0;pointer-events:none;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:medium;scrollbar-color:#8d63b8 #05050ab8;background:linear-gradient(160deg,#0d051a 0%,#1f0c3b 50%,#381310 100%);border:3px solid #667eea99;width:1000px;height:auto;max-height:93.5vh;transition:all .3s ease-out;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 0 20px #667eeab3}.user-profile-panel::-webkit-scrollbar{width:.6rem}.user-profile-panel::-webkit-scrollbar-track{background:linear-gradient(#460539 0%,#381310 54%,#1f0c3b 100%);border-radius:999px;box-shadow:inset 0 0 6px #00000080}.user-profile-panel::-webkit-scrollbar-thumb{background:linear-gradient(#6a2b67 0%,#8d63b8 50%,#4b1d70 100%);border:1px solid #2a1025;border-radius:999px;box-shadow:0 0 10px #8d63b840}.user-profile-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(#7a3475 0%,#a07bd0 50%,#5b2590 100%);box-shadow:0 0 14px #a07bd055}.user-profile-panel.open{opacity:1;pointer-events:auto}@media (width<=768px){.user-profile-panel{width:90%;max-height:90vh}}.user-profile-container{flex-direction:column;height:auto;padding:2rem;display:flex}.profile-top-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.edit-profile-btn{width:40px;height:40px;color:var(--text-color,#fff);cursor:pointer;background:0 0;border:2px solid #667eeab3;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.edit-profile-btn i{justify-content:center;align-items:center;width:20px;height:20px;margin:0;font-size:1.2rem;line-height:1;display:inline-flex}.profile-field{flex-direction:column;margin-bottom:.8rem;display:flex}.profile-field input,.profile-field textarea{color:#fff;background-color:#ffffff0f;border:1px solid #ffffff4d;border-radius:5px;margin-top:.35rem;padding:.55rem}.profile-field textarea{resize:vertical;min-height:66px}.profile-edit-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.save-btn,.cancel-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.5rem 1rem}.save-btn{color:#fff;background:#4caf50}.cancel-btn{color:#fff;background:#ffffff1f;border:1px solid #fff6}.profile-field strong,.user-profile h1,.user-profile p{color:#fff}.close-btn{color:var(--text-color,#fff);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;width:40px;height:40px;margin-bottom:1rem;padding:0;font-size:2rem;transition:background-color .2s;display:flex}.close-btn:hover{background-color:#ffffff1a}.user-profile-container h2{color:var(--text-color,#fff);text-align:center;margin-bottom:1.5rem;font-size:1.8rem;position:relative}.user-profile-container h2:after{content:"";background:linear-gradient(90deg,#fff 0%,#fff0 100%);border-radius:100px;width:100%;height:3px;position:absolute;bottom:-.5em;left:50%;transform:translate(-50%)}.profile-title-section{position:relative}.profile-title-section:after{content:"";background:#ffffff59;border-radius:1px;width:80%;height:2px;position:absolute;bottom:-1.3rem;left:10%}.profile-title-section:before{content:"";background:#fff3;border-radius:1px;width:70%;height:1px;position:absolute;bottom:-.7rem;left:15%}.user-profile{flex-direction:column;flex:1;display:flex}.profile-header{text-align:center;margin-bottom:2rem}.profile-picture{object-fit:cover;border:3px solid #667eeab3;border-radius:50%;width:120px;height:120px;margin-bottom:1rem;box-shadow:0 0 15px #667eea}.profile-header h1{color:var(--text-color,#fff);margin:0;font-size:1.5rem;position:relative}.profile-header h1:after{content:"";background:linear-gradient(270deg,#0000 0%,#fff 50%,#0000 100%);border-radius:100px;width:calc(100% + 1.5rem);height:2px;position:absolute;bottom:-.55rem;left:50%;transform:translate(-50%)}.profile-title-section{justify-content:center;align-items:center;gap:1rem;display:flex}.edit-profile-btn{cursor:pointer;width:40px;height:40px;color:var(--text-color,#fff);background:0 0;border:2px solid #667eeab3;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.edit-profile-btn:hover{background-color:#667eea4d;border-color:#667eea;transform:scale(1.1)}.edit-profile-btn i{font-size:1.2rem}.profile-details{flex:1}.profile-details p{color:var(--text-color,#fff);margin-bottom:1rem;line-height:1.5}.profile-details strong{color:#667eea}@media (width<=600px){.user-profile-panel{width:95%;height:95%;max-height:95vh;font-size:3em}.profile-top-row{margin:1em 0}.profile-top-row h2{font-size:2em;line-height:1em}.edit-profile-btn,.edit-profile-btn i{font-size:1em}.profile-header{margin:1em 0;font-size:1em}.profile-header h1{font-size:2.5em}.profile-details{font-size:1.5em}.profile-edit-actions{gap:.5em}.profile-edit-actions button{padding:.5em 1em;font-size:1.2em}}.footer{background:linear-gradient(180deg, #0000 0%, var(--background-secondary) 55%);color:var(--text-color);border-top:none;padding:3em 2em 1.5em;position:relative}.footer:before{content:"";opacity:.8;background:linear-gradient(90deg,#fff0 0%,#7a4bff 20%,#ff12d0 45%,#0088be 70%,#fff0 100%) 0 0/200% 100%;width:100%;height:4px;animation:12s ease-in-out infinite footer-flow;position:absolute;top:0;left:0}.footer:after{content:"";opacity:.4;pointer-events:none;background:radial-gradient(circle,#fff2 0%,#fff0 70%);width:100%;height:12px;position:absolute;top:0;left:0}@keyframes footer-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.footer-inner{justify-content:space-between;align-items:flex-start;gap:1.2em;max-width:1200px;margin:0 auto 2em;display:flex}.footer-brand{max-width:30ch}.footer-logo{letter-spacing:.08em;text-transform:uppercase;font-size:1.6em}.footer-tagline{opacity:.8;margin-top:.5em;font-size:1.05em}.footer-nav h4,.footer-socials h4,.footer-meta h4{text-transform:uppercase;letter-spacing:.2em;margin-bottom:.75em;font-size:.95em}.footer-nav ul,.footer-socials ul{gap:.6em;display:grid}.footer-nav li,.footer-socials li{display:block}.footer-nav li a,.footer-socials li a{color:var(--text-color);text-transform:capitalize;padding-bottom:.2em;transition:all .2s ease-out;display:inline-block;position:relative}.footer-nav li a:after,.footer-socials li a:after{content:"";background-color:var(--text-color);width:0;height:2px;transition:width .2s ease-out;position:absolute;bottom:0;left:0}.footer-nav li a:hover,.footer-socials li a:hover{text-shadow:0 0 6px #ff12d0}.footer-nav li a:hover:after,.footer-socials li a:hover:after{width:100%}.footer-meta{max-width:34ch}.footer-meta p{opacity:.85;margin-bottom:1em}.footer-cta{text-transform:uppercase;letter-spacing:.12em;border:1px solid #fff3;border-radius:999px;padding:.6em 1.2em;font-size:.85em;transition:all .2s ease-out;display:inline-block}.footer-cta:hover{background-color:#ffffff1a;box-shadow:0 0 12px #ff12d055}.footer-bottom{border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:1em;max-width:1200px;margin:0 auto;padding-top:1.5em;font-size:.95em;display:flex}.back-to-top{z-index:999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text-color);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;opacity:0;pointer-events:none;background:#0000008d;border:1px solid #fff3;border-radius:999px;padding:.5em 1.1em;font-size:.9em;transition:all .2s ease-out;position:fixed;bottom:2em;right:2em;transform:translateY(12px)}.back-to-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background-color:#ffffff1a;box-shadow:0 0 12px #ff12d055}@media (width<=900px){.footer-inner{flex-direction:column;gap:2.5em}.footer-bottom{text-align:center;flex-direction:column;align-items:center}}.contact-form-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(160deg,#00000060 0%,#00000090 100%);border:1px solid #ffffff18;border-radius:16px;max-width:760px;margin:0 auto;padding:3em 2.5em 2.5em;position:relative;box-shadow:0 0 40px #7a4bff18,0 0 80px #ff12d008}.contact-form-accent{opacity:.85;background:linear-gradient(90deg,#fff0 0%,#7a4bff 20%,#ff12d0 50%,#0088be 75%,#fff0 100%) 0 0/200% 100%;border-radius:16px 16px 0 0;width:98%;height:3px;animation:10s ease-in-out infinite cf-flow;position:absolute;top:0;left:7px}@keyframes cf-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.contact-form-title{text-transform:uppercase;letter-spacing:.12em;color:var(--text-color);margin-bottom:.3em;font-size:2em}.contact-form-subtitle{opacity:.7;color:var(--text-color);margin-bottom:1.8em;font-size:1.05em}.contact-form-row{gap:1.2em;display:flex}.contact-form-row .contact-form-group{flex:1}.contact-form-group{flex-direction:column;margin-bottom:1.2em;display:flex}.contact-form-group label{text-transform:uppercase;letter-spacing:.18em;opacity:.75;color:var(--text-color);margin-bottom:.45em;font-size:.85em}.contact-form-group input:-webkit-autofill{-webkit-text-fill-color:var(--text-color,#fff)!important;background-color:#1a1a2ef2!important;-webkit-box-shadow:inset 0 0 0 1000px #1a1a2ef2!important}.contact-form-group input,.contact-form-group textarea{color:var(--text-color);resize:none;background:#0000004a;border:1px solid #ffffff28;border-radius:8px;outline:none;padding:.75em 1em;font-family:inherit;font-size:1em}.contact-form-group input::placeholder,.contact-form-group textarea::placeholder{opacity:.4;color:var(--text-color)}.contact-form-group input:focus,.contact-form-group textarea:focus{background:#0000007a;border-color:#7a4bff80;box-shadow:0 0 0 3px #7a4bff22,0 0 12px #ff12d015}.contact-form-submit:hover{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:#fff;background:linear-gradient(90deg,#7a4bff 0%,#ff12d0 55%,#0088be 100%) 100%/200% 100%;border:2px solid #0000;border-radius:8px;margin-top:.5em;padding:.75em 2.5em;font-family:inherit;font-size:1em;transition:background-position .4s,box-shadow .3s,transform .15s;box-shadow:0 0 18px #7a4bff40}.contact-form-submit:active{transform:translateY(0);box-shadow:0 0 12px #7a4bff40}.contact-form-submit{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:#fff;background:linear-gradient(#1f0c3b,#1f0c3b) padding-box padding-box,linear-gradient(90deg,#7a4bff 0%,#ff12d0 55%,#0088be 100%) border-box;border:2px solid #0000;border-radius:8px;margin-top:.5em;padding:.75em 2.5em;font-family:inherit;font-size:1em;transition:background .4s,box-shadow .3s,transform .15s;box-shadow:0 0 18px #7a4bff40}.contact-form-success{color:var(--text-color);opacity:.9;flex-direction:column;align-items:center;gap:.8em;padding:2em 0 1em;font-size:1.1em;display:flex}.contact-form-success-icon{color:#7a4bff;filter:drop-shadow(0 0 8px #ff12d0);font-size:2.5em}@media (width<=600px){.contact-form-row{flex-direction:column;gap:0}.contact-form-wrapper{padding:2.5em 1.2em 2em}}.blog{box-sizing:border-box;scrollbar-width:medium;scrollbar-color:#8d63b8 #00000080;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;flex-wrap:nowrap;align-items:stretch;gap:1.5rem;width:100%;margin:0;padding:2rem 1rem;display:flex;overflow:auto hidden}.blog.dragging{cursor:grabbing}.blog::-webkit-scrollbar{height:.85rem}.blog::-webkit-scrollbar-track{background:linear-gradient(90deg,#460539 0%,#381310 54%,#1f0c3b 100%);border-radius:999px;box-shadow:inset 0 0 6px #00000080}.blog::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#6a2b67 0%,#8d63b8 50%,#4b1d70 100%);border:2px solid #2a1025;border-radius:999px;box-shadow:0 0 10px #8d63b840}.blog::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#7a3475 0%,#a07bd0 50%,#5b2590 100%);box-shadow:0 0 14px #a07bd055}.blog-post{box-sizing:border-box;color:#f5f5f5;text-align:center;background:linear-gradient(#111 0%,#050505 100%);border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;flex:none;width:fit-content;min-width:20rem;max-width:35rem;padding:1rem;display:flex;position:relative;box-shadow:0 0 24px #00000040}.blog-post-admin-actions{z-index:1;gap:.5rem;display:inline-flex;position:absolute;top:1rem;right:1rem}.post-admin-button{color:#f5f5f5;cursor:pointer;background:linear-gradient(#1c1c1c 0%,#090909 100%);border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:transform .2s,box-shadow .2s,border-color .2s,color .2s;display:inline-flex}.post-admin-button:hover{border-color:#ff992d80;transform:translateY(-1px);box-shadow:0 0 12px #8ab4ff30}.post-admin-button.delete:hover{border-color:#ff4d4d80;box-shadow:0 0 12px #ff3b3b30}.blog-post-image{object-fit:cover;background:linear-gradient(#1c1c1c 0%,#090909 100%);border:1px solid #ffffff24;border-radius:12px;width:100%;height:auto;margin-bottom:.75rem;box-shadow:0 0 16px #00000050,0 0 12px #ffffff1a}.blog-post h3{margin:0}.blog-post-author{text-align:left;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.85rem;margin-bottom:.75rem;display:flex}.blog-post-author-details{flex-direction:column;gap:.2rem;display:flex}.blog-post-date{color:#b8b8b8;letter-spacing:.02em;font-size:.85rem}.blog-post h2{text-align:center;margin-bottom:.75rem;padding-bottom:.45rem;display:inline-block;position:relative}.blog-post h2:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff 50%,#0000 100%);width:calc(100% + 2rem);height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.blog-post .title h2{text-transform:capitalize}.blog-post p{white-space:pre-line;margin-bottom:.75rem}.blog-post-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:auto;padding-top:.75rem;display:inline-flex}.comment-button{color:#f5f5f5;cursor:pointer;background:linear-gradient(#1c1c1c 0%,#090909 100%);border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:transform .2s,box-shadow .2s,border-color .2s,color .2s;display:inline-flex}.comment-button:hover{border-color:#a07bd0aa;transform:translateY(-1px);box-shadow:0 0 12px #8d63b840}.post-admin-button svg,.comment-button svg{width:1rem;height:1rem}.like-button{color:#f5f5f5;cursor:pointer;background:linear-gradient(#1c1c1c 0%,#090909 100%);border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:transform .2s,box-shadow .2s,border-color .2s,color .2s;display:inline-flex}.like-button:hover{border-color:#8ab4ff80;transform:translateY(-1px);box-shadow:0 0 18px #8ab4ff30}.like-button:focus-visible{outline-offset:3px;outline:2px solid #8ab4ff}.like-button.liked{color:#8ab4ff;border-color:#8ab4ff99;box-shadow:0 0 20px #8ab4ff40}.dislike-button:hover{border-color:#ff4d4d80;box-shadow:0 0 18px #ff3b3b30}.dislike-button:focus-visible{outline-color:#ff4d4d}.dislike-button.disliked{color:#ff4d4d;border-color:#ff4d4d99;box-shadow:0 0 20px #ff3b3b40}.like-button svg{width:1rem;height:1rem}.like-count{color:#d9d9d9;min-width:1ch;font-weight:600}@media (width<=600px){.blog{min-height:80%}.blog-post{width:95vw;max-width:none;height:70vh;max-height:none}.blog-post-actions{gap:1em;padding-bottom:1em;font-size:1em;display:flex}.blog-post-actions button{min-width:5vh;min-height:5vh}.blog-post-actions i{font-size:1em}.blog-post-author-details span{font-size:.7em}.blog-post-author img{min-width:3em;min-height:3em}.blog-post-admin-actions{gap:1em;top:1em;right:1em}.blog-post-admin-actions button{padding:1em;font-size:1em}}.blog-showcase-overlay{z-index:5000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overscroll-behavior:contain;background:#05050ab8;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.blog-showcase{color:#f5f5f5;background:linear-gradient(#121212 0%,#050505 100%);border:1px solid #ffffff24;border-radius:22px;width:min(100%,56rem);max-height:min(90vh,56rem);position:relative;overflow:hidden;box-shadow:0 0 40px #00000080}.blog-showcase-scroll{box-sizing:border-box;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:medium;scrollbar-color:#8d63b8 #05050ab8;max-height:calc(min(90vh,55rem) - 1rem);padding:2rem 1.25rem 4rem 2rem;overflow-y:auto}.blog-showcase-scroll::-webkit-scrollbar{width:.6rem}.blog-showcase-scroll::-webkit-scrollbar-track{background:linear-gradient(#460539 0%,#381310 54%,#1f0c3b 100%);border-radius:999px;box-shadow:inset 0 0 6px #00000080}.blog-showcase-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#6a2b67 0%,#8d63b8 50%,#4b1d70 100%);border:1px solid #2a1025;border-radius:999px;box-shadow:0 0 10px #8d63b840}.blog-showcase-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(#7a3475 0%,#a07bd0 50%,#5b2590 100%);box-shadow:0 0 14px #a07bd055}.blog-showcase-close{color:#f5f5f5;cursor:pointer;background:linear-gradient(#1c1c1c 0%,#090909 100%);border:1px solid #ffffff24;border-radius:999px;margin-left:auto;padding:.45rem .95rem;display:block;position:sticky;top:0}.blog-showcase-author{align-items:center;gap:.85rem;margin-bottom:1rem;display:flex}.blog-showcase-title{margin-bottom:1rem;padding-bottom:.45rem;display:inline-block;position:relative}.blog-showcase-title:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff 50%,#0000 100%);width:calc(100% + 2rem);height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.blog-showcase-content{white-space:pre-line;margin-bottom:1rem}.blog-showcase-image{border:1px solid #ffffff24;border-radius:14px;width:100%;height:auto;margin-bottom:1rem}.blog-showcase-actions{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:inline-flex}.blog-showcase-comments{text-align:left;margin-bottom:1.25rem}.blog-showcase-comments h3{margin-bottom:.75rem}.blog-showcase-comment-list{gap:.75rem;display:grid}.blog-showcase-comment{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;padding:.85rem 1rem}.blog-showcase-comment-header{color:#d9d9d9;justify-content:space-between;gap:1rem;margin-bottom:.35rem;font-size:.9rem;display:flex}.blog-showcase-comment p,.blog-showcase-empty-comments{white-space:pre-line;margin:0}.blog-showcase-comment-form{gap:.75rem;display:grid}.blog-showcase-comment-input{box-sizing:border-box;color:#f5f5f5;resize:vertical;background:#0f0f12;border:1px solid #ffffff24;border-radius:14px;width:100%;min-height:7rem;padding:.9rem 1rem}.blog-showcase-submit{color:#f5f5f5;cursor:pointer;background:linear-gradient(#6a2b67 0%,#4b1d70 100%);border:1px solid #ffffff24;border-radius:999px;justify-self:end;padding:.55rem 1rem}.chongus{font-size:1em;font-weight:700}@media (width<=600px){.blog-showcase{width:95%;height:fit-content;max-height:95vh}.blog-showcase-scroll{max-height:100%}.blog-showcase-close{border-radius:1000px;justify-content:center;align-items:center;width:1.5em;height:1.5em;font-size:1.5em;display:flex}.blog-post-author-image{width:3em;height:3em}.blog-showcase-title{text-align:center;width:calc(100% - 2em);padding:0 1em}.blog-showcase-content{width:calc(100% - 2em);padding:0 1em}.blog-showcase-actions{gap:.5em;font-size:1em}.blog-showcase-actions button{width:2em;height:2em;font-size:1em}.blog-showcase-actions button svg{width:50%;height:50%}.blog-showcase-comment{font-size:1em}.blog-showcase-comment-header{font-size:.8em}.blog-showcase-submit{padding:.5em 1em}}.throbber-container{background:#000000d0;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}@property --scale{syntax:"<number>";inherits:false;initial-value:1}.throbber{aspect-ratio:1;background:0 0;height:10%;position:relative}.throbber:after{--angle:0deg;content:"";width:120%;height:120%;transform:translate(-50%, -50%) rotateZ(var(--angle));border-top:5px dotted #fff;border-radius:100%;animation:1s infinite throb;position:absolute;top:50%;left:50%}.throbber img{--scale:1;--angle:0deg;width:100%;transform:scale(var(--scale)) rotateZ(var(--angle));animation:1s ease-out infinite thump}@keyframes throb{0%{--angle:0deg}to{--angle:360deg}}@keyframes thump{0%{--scale:1}to{--scale:1.05}}.cookie-popup{color:#fff;text-align:center;background:#3c3838;border-radius:1em;max-width:22em;padding:1em 2em;box-shadow:0 .5em 1em #0009}.cookie-text{margin-bottom:1em;font-size:.8em}.cookie-buttons{justify-content:center;gap:.4em;display:flex}.cookie-accept{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:.6em;padding:.8em 1.6em}.cookie-details{color:#ddd;cursor:pointer;background-color:#0000;border:.1em solid #888;border-radius:.6em;padding:.8em 1.6em}.cookie-details-content{text-align:left;color:#ccc;margin-top:1em;font-size:.7em;line-height:1.4}@media (width<=600px){.cookie-warning{width:90vw;font-size:4.5em}}.error-container{border-radius:100%;flex-direction:column;justify-content:center;align-items:center;width:80%;height:80%;padding:2em;display:flex;position:relative}.error-container:before,.error-container:after{content:"";aspect-ratio:1;z-index:-1;background:radial-gradient(circle,#00000090 0%,#0000 70% 100%);height:100%;position:absolute;transform:scale(2.5,1.1)}.error-container:after{filter:blur(5px)}@property --rotationZ{syntax:"<angle>";inherits:false;initial-value:0deg}.error-container img{--rotationZ:0deg;transform:rotateZ(var(--rotationZ));image-rendering:optimizeQuality;border-radius:20px;width:50%;transition:all .1s;animation:5s ease-in-out infinite alternate floaty;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#fffffff0 20%,#fff 50%,#fffffff0 80%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#fffffff0 20%,#fff 50%,#fffffff0 80%,#0000 100%)}.error-container h2{color:red;z-index:1;text-align:center;vertical-align:middle}.error-container h2 i{color:#ff0;text-align:center;vertical-align:middle;font-size:1.5em}@keyframes floaty{0%{--rotationZ:-5deg}to{--rotationZ:5deg}}.reset-password-overlay{z-index:9997;overscroll-behavior:contain;background:#000000a0;width:100vw;height:100vh;position:fixed;top:0;left:0}.reset-password-panel{z-index:9999;overscroll-behavior:contain;width:80vw;height:80vh;transition:all .5s ease-in-out;position:fixed;top:-100%;left:50%;transform:translate(-50%,-50%)}.reset-password-panel.open{top:50%}.reset-password-panel hr{background:linear-gradient(90deg,#0000 0%,#fff 50%,#0000 100%);border:none;height:2px;margin:1em 0}.reset-password-panel .header{justify-content:space-between;align-items:center;display:flex}.reset-password-container{background:linear-gradient(160deg,#0d051a 0%,#1f0c3b 50%,#381310 100%);border-radius:20px;flex-direction:column;height:calc(100% - 2em);padding:1em;display:flex;position:relative}.reset-password-container:after,.reset-password-container:before{--angle:130deg;content:"";background:linear-gradient(var(--angle), #4c1d97 0%,#4a1d8f 50%, #97352c 100%);z-index:-1;border-radius:20px;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reset-password-container:after{filter:blur(8px)}.admin-panel{background:radial-gradient(circle, var(--background-primary) 0%, var(--background-secondary) 54%, var(--background-tetriary) 100%);min-height:100vh;color:var(--text-color);font-family:inherit;display:flex}.admin-avatar{object-fit:cover;border:1px solid #ffffff20;border-radius:50%;width:40px;height:40px;display:block}.admin-avatar-lg{width:72px;height:72px}.admin-avatar-placeholder{opacity:.5;background:#ffffff12;justify-content:center;align-items:center;font-size:1.2em;display:flex}.admin-image-upload{flex-wrap:wrap;align-items:center;gap:.8em;margin-top:.1em;display:flex}.admin-upload-btn{cursor:pointer;align-items:center;gap:.4em;display:inline-flex}.admin-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#00000070;border-right:1px solid #ffffff15;flex-direction:column;width:220px;height:100vh;padding:2em 0;display:flex;position:fixed;top:0;left:0}.admin-sidebar-brand{text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid #ffffff15;padding:0 1.5em 1.5em;font-size:1.3em;font-weight:700;line-height:1.4}.admin-sidebar-brand span{opacity:.5;letter-spacing:.3em;font-size:.65em}.admin-sidebar-nav{flex:1;margin-top:1.5em}.admin-sidebar-nav ul{flex-direction:column;gap:.2em;padding:0 .75em;display:flex}.admin-sidebar-nav a{color:var(--text-color);border-radius:8px;align-items:center;gap:.75em;padding:.7em .9em;font-size:.95em;transition:all .2s ease-out;display:flex}.admin-sidebar-nav a:hover{text-shadow:0 0 6px #ff12d0;background:#ffffff12}.admin-sidebar-nav i{opacity:.75;font-size:1.1em}.admin-sidebar-footer{border-top:1px solid #ffffff15;margin-top:auto;margin-bottom:2em;padding:1.2em .75em}.admin-view-site-btn{justify-content:center;gap:.5em;width:80%;height:80%}.admin-main{flex-direction:column;flex:1;gap:3em;margin-left:220px;padding:2.5em 3em;display:flex}.admin-section{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000050;border:1px solid #ffffff12;border-radius:14px;overflow:hidden}.admin-section-header{background:#00000030;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:1.2em 1.5em;display:flex}.admin-section-header h2{text-transform:uppercase;letter-spacing:.18em;font-size:1.1em}.admin-section-body{padding:1.5em}.admin-subsection-header{justify-content:space-between;align-items:center;margin:1.5em 0 .8em;display:flex}.admin-subsection-header h3{text-transform:uppercase;letter-spacing:.18em;opacity:.6;font-size:.9em}.admin-btn{letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;border-radius:7px;align-items:center;gap:.4em;padding:.45em 1.1em;font-family:inherit;font-size:.82em;transition:all .2s ease-out;display:inline-flex}.admin-btn-primary{color:#fff;background:linear-gradient(90deg,#7a4bff 0%,#ff12d0 100%);box-shadow:0 0 10px #7a4bff35}.admin-btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 20px #ff12d055}.admin-btn-danger{color:#ff7070;background:#80000040;border:1px solid #ff707035}.admin-btn-danger:hover{background:#ff000028;box-shadow:0 0 8px #ff000035}.admin-btn-ghost{color:var(--text-color);background:0 0;border:1px solid #fff2}.admin-btn-ghost:hover{background:#ffffff10}.admin-btn-link{color:var(--text-color);font-family:inherit;font-size:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;transition:text-shadow .2s}.admin-btn-link:hover{text-shadow:0 0 6px #ff12d0}.admin-badge{letter-spacing:.1em;text-transform:capitalize;background:linear-gradient(90deg,#7a4bff30,#ff12d030);border:1px solid #7a4bff45;border-radius:999px;justify-content:center;align-items:center;padding:.25em .8em;font-size:.8em;display:flex}.admin-table{border-collapse:collapse;width:100%;font-size:.92em}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.18em;opacity:.5;border-bottom:1px solid #ffffff15;padding:.6em 1em;font-size:.75em}.admin-table td{vertical-align:middle;border-bottom:1px solid #ffffff08;padding:.85em 1em}.admin-table tr:hover td{background:#ffffff07}.admin-row-read td{opacity:.5}.admin-table .actions{gap:.5em;display:flex}.admin-unread-dot{background:linear-gradient(90deg,#7a4bff,#ff12d0);border-radius:50%;width:8px;height:8px;transition:all .2s;display:inline-block;box-shadow:0 0 6px #ff12d070}.admin-unread-dot.read{box-shadow:none;background:#ffffff20}.admin-message-body{opacity:.85;background:#00000040;border-left:3px solid #7a4bff60;border-radius:8px;margin:0 .5em .5em;padding:1em 1.2em;font-size:.95em;line-height:1.6}.admin-form{background:#00000040;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;gap:1em;margin-top:1.2em;padding:1.2em;display:flex}.admin-form h4{text-transform:uppercase;letter-spacing:.15em;opacity:.65;font-size:.85em}.admin-form-row{gap:1em;display:flex}.admin-form-group{flex-direction:column;flex:1;gap:.4em;display:flex}.admin-form-group label{text-transform:uppercase;letter-spacing:.15em;opacity:.6;font-size:.78em}.admin-form-group input,.admin-form-group textarea,.admin-form-group select{color:var(--text-color);resize:vertical;background:#0000005a;border:1px solid #ffffff20;border-radius:7px;outline:none;padding:.6em .9em;font-family:inherit;font-size:1em;transition:border-color .2s,box-shadow .2s}.admin-form-group input:focus,.admin-form-group textarea:focus,.admin-form-group select:focus{border-color:#7a4bff70;box-shadow:0 0 0 3px #7a4bff15}.admin-form-group input::placeholder,.admin-form-group textarea::placeholder{opacity:.35;color:var(--text-color)}.admin-select-disabled{opacity:.5;cursor:not-allowed}.admin-form-actions{justify-content:flex-end;gap:.7em;display:flex}.admin-page-buttons{justify-content:end;gap:.1em;padding:1em;display:flex}.admin-page-buttons button{aspect-ratio:1;cursor:pointer;background:0 0;border:1px solid #ffffff70;border-radius:10px;width:2vw;padding:5px;font-size:1.1vw;transition:background .2s ease-out}.admin-page-buttons button.active{background:#ffffff70;text-decoration:underline}.admin-page-buttons button:disabled{opacity:.6;cursor:default}.admin-page-buttons button:disabled:hover{background:0 0}.admin-page-buttons button:hover{background:#ffffff70}.message-badge{color:#0000;background:#ffffffa0;border-radius:50%;justify-content:center;align-items:center;width:5px;height:5px;display:flex}.message-badge.unread{background:linear-gradient(135deg,#7a4bff 0%,#ff7070 100%);width:10px;height:10px}.flx-row{flex-direction:row;display:flex}.gp-1{gap:1em}.gp-2{gap:2em}.conversations-refresh-button{background:0 0;border:none;border-radius:50%;width:2em;height:2em;font-size:1em;transition:transform .2s ease-out}.conversations-refresh-button:hover{background:#ffffff70;transform:scale(1.05)}.conversations-refresh-button:active{transform:scale(1)}.conversations-refresh-button .bi{--angle:0deg}.loading .bi{animation:2s infinite loading-spin}@keyframes loading-spin{0%{--angle:0deg}to{--angle:360deg}}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000a0;width:100vw;height:100vh;position:fixed;top:0;left:0}.modal-backdrop .modal-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.modal{background:linear-gradient(135deg,#151150 0%,#533810 100%);border-radius:1em;flex-direction:column;width:50%;height:60%;padding:1em;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-wrapper:after,.modal-wrapper:before{content:"";z-index:-1;background:linear-gradient(135deg,#2a2299 0%,#8b5f1b 100%);border-radius:1em;width:calc(50% + 3px);height:calc(60% + 3px);padding:1em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-wrapper:after{filter:blur(10px)}.modal-header{justify-content:space-between;align-items:start;display:flex}.modal-header .close{background:0 0;border:none;border-radius:50%;width:2em;height:2em;font-size:1em;transition:all .2s ease-out}.modal-header .close:hover{background:#ffffff80;transform:scale(1.05)}.modal-header .close:active{transform:scale(1)}.modal-header .conversation-info{flex-direction:column;padding:.5em;font-size:.9em;display:flex}.conversation-info .linked-customer{gap:.1em;display:flex}.modal-header .conversation-info h3{text-transform:capitalize}.modal-header .conversation-info span{text-transform:uppercase;opacity:.6}.modal-header .conversation-info span span:before{content:"-";margin:0 .2em}.modal-body{scroll-behavior:smooth;background:#000000a0;border-radius:.5em;flex-direction:column;flex-grow:1;gap:.25em;width:calc(100% - 2em);padding:1em;display:flex;overflow-y:scroll}.conversation-start-label{text-transform:uppercase;text-align:center;font-size:.8em}.modal-reply{flex-direction:row;justify-content:space-between;align-items:center;gap:.25em;margin-top:.5em;display:flex}.modal-reply textarea{color:#f0f8ff;background:#00000080;border:2px solid #fff0;border-radius:.5em;flex-grow:1;padding:.1em;font-size:.9em}.modal-reply button{border-radius:.5em;height:100%}.email-bubble-wrapper{width:100%}.email-bubble-wrapper .email-bubble{border:1px solid #ffffff80;border-radius:.8em;width:50%;padding:.5em;transition:all .2s ease-out;position:relative;overflow:hidden}.email-bubble-wrapper .email-bubble .email-bubble-preview{width:100%;overflow:hidden}.email-bubble-wrapper .email-bubble .email-bubble-preview pre{white-space:pre-wrap;word-wrap:break-word;width:100%}.email-bubble-wrapper.recieved .email-bubble{float:left}.email-bubble-wrapper.sent .email-bubble{float:right}.email-bubble.expanded{width:80%}.email-bubble-wrapper .email-bubble .email-bubble-iframe{background:#fff;border:none;border-radius:.5em;width:100%;height:500px}.email-bubble .email-bubble-info{justify-content:start;align-items:center;gap:.25em;display:flex}.email-bubble-info button{text-transform:uppercase;background:0 0;border:none;font-size:.8em;text-decoration:underline}.email-bubble .email-bubble-date{font-size:.7em}.toast-container{z-index:9999;flex-direction:column;gap:.5em;display:flex;position:fixed;bottom:1.5em;right:1.5em}.toast{border-radius:10px;justify-content:space-between;align-items:center;gap:1em;min-width:10em;min-height:1em;padding:.75em 1em;font-size:14px;animation:.2s toast-in;display:flex}.toast span{font-weight:700;line-height:1.5em}.toast--info{color:#f0f8ff;background:#21548f;border:2px solid #21548fa0}.toast--success{color:#f0f8ff;background:#1a741a;border:2px solid #1a741aa0}.toast--warning{color:#000;background:#888821;border:#888821a0}.toast--danger{color:#f0f8ff;background:#531414;border:#531414a0}.toast__close{cursor:pointer;opacity:.6;color:inherit;background:0 0;border:none;padding:0;font-size:1.1em;line-height:1}.toast__close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}