.phpmyadmin-login-section{margin-top:34px;padding:34px;border:1px solid #e4e9ee;border-radius:14px;background:linear-gradient(180deg,#f8fafb 0%,#ffffff 100%);box-shadow:0 10px 32px rgba(31,48,61,.06)} .phpmyadmin-login-head{max-width:980px;margin-bottom:28px} .phpmyadmin-login-head>span{display:inline-flex;margin-bottom:9px;padding:5px 10px;border-radius:20px;background:#fff1e8;color:#f26a21;font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.04em;text-transform:uppercase} .phpmyadmin-login-head h3{margin:0 0 10px;color:#17222c;font-size:clamp(23px,2vw,30px);line-height:1.2} .phpmyadmin-login-head p{max-width:1050px;margin:0;color:#53616e;font-size:15px;line-height:1.7} .phpmyadmin-server-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .phpmyadmin-server-card{position:relative;display:flex;min-width:0;min-height:172px;padding:22px 20px 19px;overflow:hidden;flex-direction:column;align-items:flex-start;border:1px solid #e0e6eb;border-radius:11px;background:#fff;color:#42515e;text-decoration:none;box-shadow:0 3px 12px rgba(27,43,55,.035);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease} .phpmyadmin-server-card::before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:#f26a21;opacity:0;transition:opacity .2s ease} .phpmyadmin-server-card::after{content:"DB";position:absolute;top:19px;right:18px;display:grid;width:35px;height:35px;place-items:center;border-radius:9px;background:#f5f7f9;color:#8a98a4;font-size:11px;font-weight:800;letter-spacing:.04em;transition:background .2s ease,color .2s ease} .phpmyadmin-server-card:hover,.phpmyadmin-server-card:focus-visible{border-color:#f2b18d;color:#34424e;box-shadow:0 12px 28px rgba(31,48,61,.11);transform:translateY(-3px)} .phpmyadmin-server-card:hover::before,.phpmyadmin-server-card:focus-visible::before{opacity:1} .phpmyadmin-server-card:hover::after,.phpmyadmin-server-card:focus-visible::after{background:#fff1e8;color:#f26a21} .phpmyadmin-server-card:focus-visible{outline:3px solid rgba(242,106,33,.2);outline-offset:2px} .phpmyadmin-server-name{display:block;max-width:calc(100% - 50px);margin-bottom:8px;color:#334350;font-size:18px;font-weight:800;line-height:1.25} .phpmyadmin-server-text{display:block;max-width:calc(100% - 20px);margin-bottom:22px;color:#687681;font-size:13px;line-height:1.5} .phpmyadmin-login-button{display:inline-flex;min-height:36px;margin-top:auto;padding:8px 13px;align-items:center;gap:8px;border-radius:7px;background:#f26a21;color:#fff;font-size:13px;font-weight:800;line-height:1;transition:background .2s ease,transform .2s ease} .phpmyadmin-server-card:hover .phpmyadmin-login-button,.phpmyadmin-server-card:focus-visible .phpmyadmin-login-button{background:#df5914} .phpmyadmin-login-button b{font-size:16px;font-weight:500;transition:transform .2s ease} .phpmyadmin-server-card:hover .phpmyadmin-login-button b{transform:translateX(3px)} .service-request-box{margin-top:38px;padding-top:30px;border-top:1px solid #e6ebef} .service-request-head{margin-bottom:20px} .service-request-head>span{display:inline-flex;margin-bottom:8px;color:#f26a21;font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase} .service-request-head h3{margin:0 0 8px;color:#17222c;font-size:24px} .service-request-head p{margin:0;color:#5c6974;line-height:1.65} @media (max-width:1100px){.phpmyadmin-server-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:820px){.phpmyadmin-login-section{padding:26px} .phpmyadmin-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:560px){.phpmyadmin-login-section{margin-top:24px;padding:20px 16px;border-radius:10px} .phpmyadmin-server-grid{grid-template-columns:1fr;gap:12px} .phpmyadmin-server-card{min-height:150px;padding:19px 17px 17px} .phpmyadmin-server-name{font-size:17px}}