@import"https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap&display=swap";html{font-family:Karla,"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,EmojiOne Color,"Android Emoji",sans-serif;letter-spacing:.3px;font-weight:500;font-style:normal;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}*{margin:0;padding:0}:root{--primary:#1a1a1a;--secondary:#161616;--border:rgba(63,63,70,.4);--title:#ffffff;--subtitle:#e0e0e0;--bgHeader:rgb(39,39,42);--blue:#4CCD99;--icon-hover:#d4d4d8}.preload{position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:9999;transition:opacity .5s ease-in-out}.preload.hide{opacity:0;visibility:hidden}.light{--primary:rgb(245, 245, 245);--secondary:rgb(255,255,255);--border:rgba(202,202,202,.51);--title:rgb(39 39 42);--subtitle:rgb(82 82 91);--bgHeader:rgb(253 ,253 ,253);--blue:#4CCD99;--icon-hover:#333}body{background-color:var(--secondary);color:var(--title);font-variant-emoji:emoji;text-rendering:optimizeLegibility}.container{background-color:var(--secondary);width:100%;margin-left:auto;margin-right:auto;padding:0 var(--container-padding)}.divider{height:1px;margin:3rem 0;width:calc(100% + var(--container-padding) + var(--container-padding));margin-left:calc(var(--container-padding)* -1)}.divider-footer{border:1px rgba(113,113,122,.5) solid;margin:2rem 0;width:100%;margin-left:calc(var(--container-padding)* 1)}li{list-style:none}a{text-decoration:none;color:initial;transition:.2s}.flex{display:flex;align-items:center}button{all:unset}button:hover{cursor:pointer}button:active{scale:.9}button:disabled{opacity:.4;cursor:not-allowed}.loading-placeholder{display:flex;justify-content:center;align-items:center;min-height:200px;background:linear-gradient(90deg,var(--border) 25%,transparent 50%,var(--border) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px;color:var(--subtitle);font-size:1.1rem}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1000px){.container{width:90%;padding:0 var(--container-padding)}.divider{width:calc(100% + var(--container-padding) + var(--container-padding));margin-left:calc(var(--container-padding)* -1)}}@media (max-width: 768px){.container{width:95%;padding:0 1rem}.divider{margin:2rem 0}}@media (max-width: 480px){.container{width:98%;padding:0 .75rem}.divider{margin:1.5rem 0}html{font-size:15px}}.scroll2top{background-color:var(--blue);width:2.6rem;height:2.6rem;border-radius:50%;position:fixed;color:var(--primary);bottom:2rem;right:3%;text-align:center;border:1px solid rgba(76,205,153,.3);font-size:1.25rem;z-index:1000;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4ccd994d;display:flex;align-items:center;justify-content:center}.scroll2top:hover{background-color:#3db88a;transform:translateY(-3px);box-shadow:0 6px 16px #4ccd9966}.scroll2top:active{transform:translateY(-1px)}@media (max-width:600px){.container{width:98%;padding:0 var(--container-padding)}.scroll2top{opacity:.5;width:2.2rem;height:2.2rem;font-size:1rem;bottom:1.5rem;right:2%}}@media (max-width: 480px){.scroll2top{width:2rem;height:2rem;font-size:.9rem;bottom:1rem;right:1.5%}}::-webkit-scrollbar{width:.8rem}::-webkit-scrollbar-track{border:7px solid #292c3b;box-shadow:inset 0 0 2.5px 2px #00000080;border-radius:4px;background-color:#d4d4d8}::-webkit-scrollbar-thumb{background-color:#888;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}html{scrollbar-color:#9e4673}header{background:var(--secondary)!important}header nav a{color:var(--title)!important;font-weight:700}header nav a:hover{color:var(--blue)!important}header.flex{justify-content:space-between;padding:0 1rem;margin-top:1.2rem;width:80%}header.flex nav{background-color:var(--bgHeader);padding:.77rem 1.6rem;border-radius:55px;box-shadow:1px 1px 40px #3f3f3f79}header ul.flex{gap:16px}header ul li a{color:var(--title);opacity:.9;font-size:.88rem;font-weight:500}header ul li a:hover{color:var(--title);opacity:1;font-size:.9rem;color:var(--blue)}header button{font-size:1.2rem}header .menu{display:none}header .icon-menu,header button.mode{background-color:var(--bgHeader);height:2.4rem;width:2.4rem;border-radius:50%;justify-content:center;text-align:center;color:var(--subtitle);border:1px solid rgba(244,165,96,.25);transition:.2s;box-shadow:1px 1px 40px #80f5eb2a}header .icon-menu:hover,header .mode:hover{color:var(--title);border:1px solid rgb(244,165,96)}header .icon-cross{font-size:1.1rem;color:var(--subtitle);transition:.3s}header .icon-cross:hover{font-size:1.3rem;color:#dc143c;rotate:180deg}header .fixed{position:fixed;inset:0;z-index:999;background-color:#282830e8;backdrop-filter:blur(4px)}.light header .fixed{background-color:#fffffff2}header .icon-sun{color:orange}@keyframes mymove{0%{scale:0}60%{scale:1.2}to{scale:1}}header .fixed ul.modal{animation:mymove .7s 1;width:80%;margin-left:auto;margin-right:auto;margin-top:2rem;border-radius:1rem;padding:1rem 2rem;background-color:var(--secondary)}header .fixed ul.modal li{border-bottom:1px solid var(--border);padding-bottom:.77rem;padding-top:.5rem}header .fixed ul.modal li:last-child{border:none}header .fixed ul.modal li a{font-size:1rem}header .fixed ul.modal li:first-child{text-align:right;border:none;padding-bottom:0;padding-top:.2rem;margin-bottom:-1rem}@media (max-width:700px){header.flex nav{display:none}header .menu{display:block}header{margin-left:20px}}@media (max-width: 480px){header.flex{width:95%;padding:0 .5rem}header{margin-left:10px}header .icon-menu,header button.mode{height:2.2rem;width:2.2rem;font-size:1rem}header .fixed ul.modal{width:90%;padding:.8rem 1.5rem}header .fixed ul.modal li a{font-size:.95rem}}section.hero{margin-top:-5rem;width:80%;margin-left:auto;margin-right:auto;flex-wrap:wrap;height:100vh;min-height:600px}section.hero .parent-avatar.flex{align-items:end;gap:.6rem;min-height:88px}section.hero .left-section{width:50%;flex-grow:1}.btn-hi{margin-top:3rem;width:130px;background-color:var(--blue);padding:.75rem 1.3rem;color:var(--primary);text-align:center;font-size:1.1rem;text-transform:capitalize;border-radius:10px;border:1px solid var(--blue)}.btn-hi span{margin-right:5px}.point{width:13px;height:13px;border-radius:50%;background-color:var(--blue);margin-top:30px}.btn-hi:hover{background-color:#5be9ba18;border:1px solid var(--blue);transition:.5s;color:var(--blue)}section.hero .icon-verified{color:var(--blue);font-size:1.1rem;margin-bottom:.3rem}.scrolDown{width:70px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}section.hero .avatar{width:80px;border-radius:50%;border:1px solid darkgoldenrod;padding:1px;box-shadow:2px 2px 40px #cbc8c894 inset}section.hero h1.title{font-size:4rem;line-height:1.1;margin:24px 0;color:var(--title);font-weight:700}section.hero h1.title .title-main{display:block;margin-bottom:1rem;line-height:1.15}section.hero h1.title .title-line{display:block;margin-bottom:.3rem}section.hero h1.title .title-line:last-child{margin-bottom:0}section.hero h1.title .title-subtitle{font-size:1.6rem;font-weight:400;margin-top:1rem;align-items:center;gap:.75rem;color:var(--subtitle);opacity:.9}@media (max-width: 768px){section.hero h1.title{font-size:2.5rem;line-height:1.15;margin:16px 0}section.hero h1.title .title-main{line-height:1.2;margin-bottom:.75rem}section.hero h1.title .title-line{margin-bottom:.25rem}section.hero h1.title .title-subtitle{font-size:1.3rem;margin-top:.75rem}}@media (max-width: 480px){section.hero h1.title{font-size:2rem;line-height:1.2;margin:12px 0}section.hero h1.title .title-main{line-height:1.25;margin-bottom:.5rem}section.hero h1.title .title-line{margin-bottom:.2rem}section.hero h1.title .title-subtitle{font-size:1.1rem;margin-top:.5rem}}section.hero p.sub-title{color:var(--subtitle);font-size:.9rem;line-height:1.6rem;margin-bottom:30px;font-family:Karla,"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,EmojiOne Color,"Android Emoji",sans-serif;font-variant-emoji:emoji}.sub-title{color:var(--title)!important;background:none!important}.dark .sub-title{text-shadow:0 1px 2px rgba(0,0,0,.5)}section.hero .animation{width:50%;translate:100px 55px}section.hero .icons{font-size:1.3rem;gap:1.5rem;color:var(--subtitle);transition:.3s}section.hero .icons .icon:hover{font-size:1.4rem;color:var(--icon-hover);transition:.3s;cursor:pointer}.icons a{color:var(--subtitle)}@media (max-width : 1250px){.animation,.scrolDown{display:none}.hero{margin:0 10px}}@media (max-width: 768px){section.hero{width:95%;margin-top:-3rem;height:auto;min-height:500px;padding:2rem 0}section.hero .left-section{width:100%;text-align:center}section.hero p.sub-title{font-size:.85rem;line-height:1.4rem;margin-bottom:20px}.btn-hi{width:120px;padding:.65rem 1.1rem;font-size:1rem;margin-top:2rem}section.hero .icons{font-size:1.1rem;gap:1rem;justify-content:center}section.hero .avatar{width:70px}}@media (max-width: 480px){section.hero{width:98%;margin-top:-2rem;padding:1.5rem 0;min-height:450px}section.hero p.sub-title{font-size:.8rem;line-height:1.3rem}.btn-hi{width:110px;padding:.6rem 1rem;font-size:.95rem}section.hero .icons{font-size:1rem;gap:.8rem}section.hero .avatar{width:60px}}.main-top h3{color:var(--blue)}main{width:80%;margin:0 auto}.line{border-top:1px solid var(--blue);border-width:1px;width:20px;margin:0 4px}.main-top h1{font-size:2.5em;color:var(--title)}.main-top{width:100%;text-align:center}.main-top1{display:flex;justify-content:center;align-items:center}.project-img img{width:100%;height:100%;object-fit:cover;border-radius:10px}.project-img{position:relative;margin-top:80px;width:50%;height:400px;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}.project-img:hover{transform:scale(1.02);box-shadow:0 8px 30px #4ccd994d}.project-img-front{position:absolute;border-radius:10px;width:100%;height:100%;background-color:var(--blue);opacity:.4}.project-img-front:hover{opacity:0;transition:.3s}.feature-project{margin-right:4%;margin-top:50px;width:45%}#rtol{direction:rtl}#ltor{direction:ltr;margin:50px 0}#ltor .main-bottom{margin-left:20px}.feature-project p{width:39%;position:absolute;background-color:var(--primary);z-index:100;border-radius:7px;padding:20px 40px;font-size:medium;color:var(--subtitle)}.feature-project h5{margin-top:20px;color:var(--blue)}.feature-project h2{margin:15px 0;color:var(--title)}.feature-project span{color:var(--blue)}.tools{font-size:small;margin-top:180px}@media (max-width: 1250px){.tools{margin-top:30px}}.tool{text-transform:capitalize;padding:2px 4px;border-radius:5px;margin:2px 0}.tool span{border-radius:5px;padding:4px 10px}#vue{background-color:#10b9811a;color:#10b981e6}#vuetify{background-color:#3779e31a;color:#3779e3e6}#typescript{background-color:#3178c626;color:#3178c6}#payloadcms{background-color:#4ccd9926;color:var(--blue)}#bootstrap{background-color:#7952b326;color:#7952b3}#code{background-color:#4ccd9926;border:1px solid rgba(76,205,153,.3);border-radius:8px;padding:6px 12px;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease}#code:hover{background-color:#4ccd9933;border-color:#4ccd9980}#code span{color:var(--blue);font-weight:500;font-size:.85rem}#code img{opacity:.8}.main-bottom{margin-right:20px;margin-top:1rem;display:flex;align-items:center;gap:1rem}#rtol .icon{color:var(--subtitle);transition:color .3s ease}#rtol .icon:hover{color:var(--blue)}#github-main{display:flex;align-items:center;transition:transform .3s ease}#github-main:hover{transform:translateY(-2px)}#github-main .icon{color:var(--subtitle);transition:color .3s ease;font-size:1.5rem}#github-main .icon:hover{color:var(--blue)}@media (min-width : 1250px){.parent-tools{width:23%}}@media (max-width : 1250px){main{margin:-200px 0 0;padding:0;width:100%}.project-img{display:none}.feature-project{direction:ltr;width:100%;padding:0 15px;margin-right:0;margin-top:20px}.feature-project-top{padding:0}.feature-project-top h4{font-size:.9rem;margin-bottom:.5rem}.feature-project-top h5{font-size:1.5rem;margin-top:.5rem;margin-bottom:1rem;padding:0}.feature-project p{padding:15px;width:100%;position:relative;margin:1rem 0;font-size:.95rem;line-height:1.6}#rtol{margin:0;direction:ltr}#ltor{direction:ltr;margin:20px 0}.parent-tools{margin-top:20px;flex-wrap:wrap;gap:.5rem}.parent-tools .skill{width:auto;margin:0}.top-skill{margin-left:0;margin-top:.75rem;flex-wrap:wrap;gap:.5rem}.feature-project-top h5,.feature-project-top h2{padding:0}.main-bottom{display:flex;margin-top:1.5rem;margin-right:0;margin-left:0}#code{margin-bottom:.5rem}#code img{display:none}}@media (max-width: 768px){main{margin-top:-100px}.main-top h1{font-size:2.2rem}.feature-project{padding:0 12px;margin-top:15px}.feature-project-top h4{font-size:.85rem}.feature-project-top h5{font-size:1.3rem;margin-top:.5rem;margin-bottom:.75rem}.feature-project p{width:100%;padding:12px;font-size:.9rem;line-height:1.5;margin:.75rem 0}.feature-project-top h5,.feature-project-top h2{padding:0}.tools{margin-top:20px}.parent-tools{gap:.5rem}.parent-tools .skill{width:auto}.top-skill{gap:.5rem}.main-bottom{margin-top:1.25rem}}@media (max-width : 600px){main{margin:-100px 0 0;padding:0;width:95%}.feature-project{direction:ltr;width:100%;padding:0 10px;margin-top:20px}.feature-project-top h4{font-size:.8rem;margin-bottom:.5rem}.feature-project-top h5{font-size:1.2rem;margin-top:.5rem;margin-bottom:.75rem}.feature-project p{padding:10px;width:100%;position:relative;font-size:.85rem;line-height:1.5;margin:.75rem 0}.main-top h1{font-size:2rem}.main-top h3{font-size:1rem}.feature-project h2{font-size:1.5rem}.feature-project h5{font-size:1rem}.feature-project-top h5,.feature-project-top h2{padding:0}.tools{margin-top:15px}.parent-tools{gap:.4rem}.parent-tools .skill{width:auto;font-size:.85rem}.top-skill{gap:.4rem;margin-top:.5rem}.main-bottom{margin-top:1rem}}@media (max-width: 480px){main{width:98%;margin-top:-50px}.main-top h1{font-size:1.75rem}.main-top h3{font-size:.95rem}.feature-project{padding:0 8px;margin-top:15px}.feature-project-top h4{font-size:.75rem;margin-bottom:.4rem}.feature-project-top h5{font-size:1.1rem;margin-top:.4rem;margin-bottom:.6rem}.feature-project h2{font-size:1.3rem}.feature-project h5{font-size:.95rem}.feature-project p{padding:10px;font-size:.8rem;line-height:1.4;margin:.6rem 0}.tools{margin-top:12px}.parent-tools{gap:.3rem}.parent-tools .skill{width:auto;font-size:.75rem;padding:4px 8px}.top-skill{gap:.3rem;margin-top:.4rem}.main-bottom{margin-top:.75rem}}.main-top,main{position:relative;z-index:0;margin-top:0!important;padding-top:0!important}.admin-dashboard{min-height:100vh;background-color:var(--secondary);color:var(--title);padding:0}.admin-header{background-color:var(--bgHeader);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);box-shadow:0 2px 10px #0000001a}.admin-header h1{margin:0;font-size:1.8rem;color:var(--title)}.admin-back-btn{padding:.6rem 1.2rem;background-color:var(--blue);color:var(--primary);text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s}.admin-back-btn:hover{background-color:#3db88a;transform:translateY(-2px)}.admin-logout-btn{padding:.6rem 1.2rem;background-color:#ef444433;color:#ef4444;text-decoration:none;border:1px solid #ef4444;border-radius:8px;font-weight:600;transition:all .3s;cursor:pointer;font-size:.95rem;font-family:inherit}.admin-logout-btn:hover{background-color:#ef4444;color:var(--title);transform:translateY(-2px)}.admin-container{display:flex;min-height:calc(100vh - 80px)}.admin-sidebar{width:250px;background-color:var(--bgHeader);border-right:1px solid var(--border);padding:1.5rem 0}.admin-nav{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.admin-nav-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.2rem;background:none;border:none;color:var(--subtitle);cursor:pointer;border-radius:8px;transition:all .3s;text-align:left;font-size:1rem}.admin-nav-item:hover{background-color:#4ccd991a;color:var(--title)}.admin-nav-item.active{background-color:var(--blue);color:var(--primary);font-weight:600}.admin-nav-icon{font-size:1.3rem}.admin-content{flex:1;padding:2rem;overflow-y:auto}.admin-section{max-width:900px;margin:0 auto}.admin-section h2{font-size:2rem;margin-bottom:1.5rem;color:var(--title);border-bottom:2px solid var(--blue);padding-bottom:.5rem}.admin-form{background-color:var(--bgHeader);padding:2rem;border-radius:12px;border:1px solid var(--border);margin-bottom:2rem}.admin-form-group{margin-bottom:1.5rem}.admin-form-group label{display:block;margin-bottom:.5rem;color:var(--title);font-weight:500;font-size:.95rem}.admin-form-group input,.admin-form-group textarea{width:100%;padding:.75rem 1rem;background-color:var(--secondary);border:1px solid var(--border);border-radius:8px;color:var(--title);font-size:1rem;font-family:inherit;transition:border-color .3s}.admin-form-group input:focus,.admin-form-group textarea:focus{outline:none;border-color:var(--blue)}.admin-form-group textarea{min-height:120px;resize:vertical}.admin-form-group small{display:block;margin-top:.5rem;color:var(--subtitle);font-size:.85rem}.admin-btn{padding:.75rem 1.5rem;background-color:var(--blue);color:var(--primary);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-right:.5rem;margin-top:.5rem}.admin-btn:hover{background-color:#3db88a;transform:translateY(-2px)}.admin-btn-secondary{background-color:var(--border);color:var(--title)}.admin-btn-secondary:hover{background-color:#3f3f4699}.admin-btn-danger{background-color:#ef4444;color:var(--title)}.admin-btn-danger:hover{background-color:#dc2626}.admin-list{background-color:var(--bgHeader);padding:1.5rem;border-radius:12px;border:1px solid var(--border);margin-top:1.5rem}.admin-list-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--secondary);border-radius:8px;margin-bottom:.75rem;border:1px solid var(--border)}.admin-list-item:last-child{margin-bottom:0}.admin-list-item-content{display:flex;align-items:center;gap:1rem;flex:1}.admin-list-item-content img{width:30px;height:30px;object-fit:contain}.admin-list-item-actions{display:flex;gap:.5rem}.admin-btn-small{padding:.5rem 1rem;font-size:.85rem}.admin-image-preview{width:100%;max-width:300px;height:200px;object-fit:cover;border-radius:8px;margin-top:.5rem;border:1px solid var(--border)}.admin-image-upload{display:flex;flex-direction:column;gap:.5rem}.admin-tags-input{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background-color:var(--secondary);border:1px solid var(--border);border-radius:8px;min-height:50px}.admin-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background-color:var(--blue);color:var(--primary);border-radius:6px;font-size:.85rem;font-weight:500}.admin-tag-remove{cursor:pointer;font-weight:700;opacity:.7}.admin-tag-remove:hover{opacity:1}.admin-tag-input{flex:1;min-width:150px;border:none;background:transparent;color:var(--title);font-size:1rem;padding:.25rem}.admin-tag-input:focus{outline:none}.admin-success-message{padding:1rem;background-color:#4ccd9933;border:1px solid var(--blue);border-radius:8px;color:var(--blue);margin-bottom:1rem}@media (max-width: 768px){.admin-container{flex-direction:column}.admin-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border)}.admin-nav{flex-direction:row;overflow-x:auto;padding:1rem}.admin-nav-item{white-space:nowrap;min-width:fit-content}.admin-content{padding:1rem}.admin-form{padding:1.5rem}}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--secondary) 0%,var(--bgHeader) 100%);padding:2rem}.login-box{background-color:var(--bgHeader);border:1px solid var(--border);border-radius:16px;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 10px 40px #0000004d}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:2rem;color:var(--title);margin-bottom:.5rem;font-weight:700}.login-header p{color:var(--subtitle);font-size:.95rem}.login-error{background-color:#ef444426;border:1px solid #ef4444;color:#ef4444;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;text-align:center}.login-form{margin-bottom:1.5rem;width:100%;box-sizing:border-box}.login-form-group{margin-bottom:1.5rem}.login-form-group label{display:block;margin-bottom:.5rem;color:var(--title);font-weight:500;font-size:.95rem}.login-form-group input{width:100%;padding:.875rem 1rem;background-color:var(--secondary);border:1px solid var(--border);border-radius:8px;color:var(--title);font-size:1rem;font-family:inherit;transition:all .3s;box-sizing:border-box}.login-form-group input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #4ccd991a}.login-form-group input:disabled{opacity:.6;cursor:not-allowed}.login-form-group input::placeholder{color:var(--subtitle);opacity:.6}.login-btn{width:100%;padding:.875rem 1.5rem;background-color:var(--blue);color:#1a1a1a;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:.5rem;display:flex;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box}.login-btn:hover:not(:disabled){background-color:#3db88a;transform:translateY(-2px);box-shadow:0 4px 12px #4ccd9966}.login-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #4ccd994d}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-btn:focus{outline:none;box-shadow:0 0 0 3px #4ccd994d}.login-footer{text-align:center;padding-top:1.5rem;border-top:1px solid var(--border)}.login-back-link{color:var(--subtitle);text-decoration:none;font-size:.9rem;transition:color .3s}.login-back-link:hover{color:var(--blue)}@media (max-width: 480px){.login-container{padding:1rem}.login-box{padding:2rem 1.5rem}.login-header h1{font-size:1.75rem}}