:root{--text-main: #f4f7fc;--text-secondary: #d3d8e3;--tile-radius: 26px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--text-main);font-family:system-ui,-apple-system,Inter,sans-serif;background:url(/images/bg.png) center/cover no-repeat fixed!important;overflow-x:hidden}.page{display:flex;flex-direction:column;min-height:100vh}.header{padding:28px 20px 10px;display:flex;justify-content:center}.header-tile-shell{--tile-radius: 34px;width:min(100%,740px);min-height:148px;position:relative;border-radius:var(--tile-radius);overflow:hidden;clip-path:inset(0 round var(--tile-radius));isolation:isolate}.header-content{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px 28px;color:#fff}.header-title{font-size:2rem;font-weight:800;color:#fff;text-shadow:0 3px 8px rgba(0,0,0,.5)}.subtitle{margin-top:10px;color:var(--text-secondary)}.main{flex:1;width:100%;max-width:780px;margin:0 auto;padding:28px 10px 48px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;align-items:start;align-content:start;justify-items:center;grid-auto-rows:auto;max-width:1140px;margin:0 auto}.card-wrapper{--tile-radius: 26px;width:100%;height:280px;max-width:360px;display:flex;margin:0 auto;position:relative;overflow:hidden;border-radius:var(--tile-radius);clip-path:inset(0 round var(--tile-radius));isolation:isolate}.glass-tile{width:100%;height:100%;display:block;border-radius:var(--tile-radius)}.card-wrapper>div,.card-wrapper>span,.header-tile-shell>div,.header-tile-shell>span{position:static!important;inset:auto!important;top:0!important;left:0!important;transform:none!important;width:100%!important;height:100%!important;border-radius:var(--tile-radius)!important;clip-path:inset(0 round var(--tile-radius))}.card-wrapper>.bg-black,.card-wrapper>span,.header-tile-shell>.bg-black,.header-tile-shell>span{display:none!important}.glass-tile .glass{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--tile-radius)!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.28);background:#ffffff0a;box-shadow:0 14px 30px #050c1e57,inset 0 1px #ffffff61}.glass-tile .glass__warp{top:0;right:0;bottom:0;left:0;border-radius:inherit!important;opacity:1;filter:contrast(1.14) saturate(1.12)}.glass-tile .glass>div{position:relative;z-index:1}.card-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:26px;height:100%;justify-content:center;text-align:center;color:#fff;position:relative;z-index:1}.card-icon{width:80px;height:80px;border-radius:16px;object-fit:contain;background:#ffffff14}.card-title{font-size:1.5rem;font-weight:800;letter-spacing:-.01em}.card-btn{display:inline-block;padding:14px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.4);color:#fff;text-decoration:none;font-weight:700;font-size:1rem;background:#ffffff24;box-shadow:0 8px 18px #050a1e4d;transition:all .2s ease}.card-btn:hover{background:#ffffff3d;transform:translateY(-2px)}@media (max-width: 1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-wrapper{height:250px;max-width:300px}}@media (max-width: 700px){.grid{grid-template-columns:repeat(1,minmax(0,1fr))}.card-wrapper{height:230px;max-width:280px}}.footer{text-align:center;padding:24px 0;color:var(--text-secondary);background:#00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid rgba(255,255,255,.15);margin-top:auto}@media (max-width: 768px){h1{font-size:2rem}.header{padding-top:20px}.header-tile-shell{min-height:128px}.header-title{font-size:1.6rem}.subtitle{font-size:1rem}.card-content{padding:24px 18px}}