.cups.h-page{background:0 0;min-height:0;padding-top:36px;padding-bottom:80px}.cups .h-head h1{letter-spacing:-.025em;color:#fff;font-size:clamp(40px,4.2vw,64px);font-weight:800;line-height:1.04}.cups .h-head p{max-width:720px;color:var(--t2);margin-top:10px;font-size:19px;line-height:1.5}.cups .h-shelf{margin-top:44px}.cups .h-sh{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:18px;display:flex}.cups .h-sh h2{letter-spacing:-.02em;color:#fff;font-size:28px;font-weight:800}.cups .h-sh span{color:var(--t3);font-size:16px}.cups .h-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;display:grid}.cups .h-card{background:#0f1740;border-radius:22px;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #8fa0d638,0 24px 50px -32px #000}.cups .h-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #8fa0d666,0 30px 60px -30px #000}.cups .h-art{aspect-ratio:12/5;background:linear-gradient(#16214f,#0b1230);display:block;position:relative;overflow:hidden}.cups .h-art img{object-fit:cover;width:100%;height:100%;display:block}.cups .h-art:after{content:"";background:linear-gradient(#0f174000 45%,#0f1740 100%);position:absolute;inset:0}.cups .h-art .chip{z-index:1;position:absolute;top:16px;left:16px}.cups .h-noart{background:radial-gradient(120% 90% at 20% 0,#4c7dff59,#0000 60%);position:absolute;inset:0}.cups .h-card.custom .h-art{aspect-ratio:4}.cups .h-card.custom .h-art:after{display:none}.cups .h-card.custom .h-body{margin-top:0;padding-top:16px}.cups .h-body{z-index:1;flex-direction:column;flex:1;gap:10px;margin-top:-26px;padding:4px 22px 22px;display:flex;position:relative}.cups .h-server{color:var(--t1);align-self:flex-start;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.cups .h-server img,.cups .h-server span{object-fit:cover;background:var(--n5);border-radius:13px;flex:none;place-items:center;width:44px;height:44px;font-weight:800;display:grid;box-shadow:0 0 0 3px #0f1740,0 8px 20px -8px #000}.cups .h-server b{font-size:15px;font-weight:700}.cups .h-server:hover b{text-underline-offset:3px;text-decoration:underline}.cups .h-card h3{letter-spacing:-.015em;color:#fff;font-size:25px;font-weight:800;line-height:1.15}.cups .h-card h3 a{color:inherit;text-decoration:none}.cups .h-card h3 a:hover{text-underline-offset:4px;text-decoration:underline}.cups .h-meta{color:var(--t2);font-size:15.5px}.cups .h-facts{color:var(--t2);flex-wrap:wrap;gap:8px 16px;font-size:15px;display:flex}.cups .h-facts b{color:#fff}.cups .h-go{align-self:flex-start;margin-top:auto}.cups .h-grid.one{grid-template-columns:minmax(0,1fr)}.cups .h-grid.one .h-card{flex-direction:row}.cups .h-grid.one .h-card.custom{flex-direction:column;max-width:960px}.cups .h-grid.one .h-card.custom .h-art{aspect-ratio:4;flex:none;min-height:0}.cups .h-grid.one .h-art{aspect-ratio:auto;flex:0 0 56%;min-height:320px}.cups .h-grid.one .h-art:after{background:linear-gradient(270deg,#0f1740 0%,#0f174000 40%)}.cups .h-grid.one .h-body{justify-content:center;gap:12px;margin-top:0;padding:28px 30px}.cups .h-grid.one .h-card h3{font-size:32px}.cups .h-empty{color:var(--t2);background:#0f1740;border-radius:22px;flex-direction:column;align-items:flex-start;gap:12px;margin-top:40px;padding:30px 28px;font-size:17px;display:flex;box-shadow:inset 0 0 0 1px #8fa0d638}.cups .h-empty>b{color:#fff;font-size:22px}.cups .h-fine{color:var(--t3);margin-top:34px;font-size:14px}.cups .h-fine a{color:var(--t1);text-underline-offset:3px;text-decoration:underline}.cups .hh-card{max-width:760px;box-shadow:inset 0 0 0 1px var(--line2);background:#0d1438d1;border-radius:20px;flex-direction:column;align-items:flex-start;gap:12px;margin-top:36px;padding:28px 30px;display:flex}.cups .hh-card>b{color:#fff;font-size:22px;font-weight:800}.cups .hh-card>span{color:var(--t2);font-size:16.5px;line-height:1.5}.cups .hh-card form{margin-top:6px}.cups .hh-list{flex-direction:column;gap:12px;max-width:920px;margin-top:36px;display:flex}.cups .hh-row{box-shadow:inset 0 0 0 1px var(--line);background:#0d1438d1;border-radius:18px;align-items:center;gap:16px;padding:14px 18px;display:flex}.cups .hh-ic{object-fit:cover;background:var(--n4);color:#fff;border-radius:16px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;font-size:23px;font-weight:800;display:flex}.cups .hh-name{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.cups .hh-name b{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:750;overflow:hidden}.cups .hh-name span{color:var(--t2);font-size:15px}.cups .t-pro a{color:var(--t1);text-underline-offset:3px;text-decoration:underline}.cups .t-more{color:#9fdcf4;text-underline-offset:3px;font-size:16px;font-weight:600;text-decoration:underline}.cups .t-top{text-align:center;flex-direction:column;align-items:center;margin:0 auto 26px;display:flex}.cups .t-top h1{letter-spacing:-.025em;color:#fff;max-width:1300px;font-size:clamp(34px,3.2vw,56px);font-weight:800;line-height:1.04}.cups .t-top>p{max-width:680px;color:var(--t2);margin-top:14px;font-size:clamp(17px,1.3vw,20px);line-height:1.5}.cups .t-do{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.cups .t-top>.t-pro{color:var(--t3);margin-top:14px;font-size:15px}.cups .t-pro b{color:var(--t1)}.cups .t-try{text-align:center;margin-top:10px}.cups .t-hub{margin-top:56px;scroll-margin-top:24px}.cups .t-hub-head{flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin-bottom:20px;display:flex}.cups .t-hub-head h2{letter-spacing:-.02em;color:#fff;font-size:34px;font-weight:800}.cups .t-hub-head span{color:var(--t3);font-size:16px}.cups .t-hub-head .btn{align-self:center;margin-left:auto}.cups .h-tools{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:18px;display:flex}.cups .h-tools input{max-width:360px;height:44px;font:inherit;color:#fff;background:#0e1438;border:0;border-radius:12px;flex:240px;padding:0 14px;font-size:15.5px;box-shadow:0 0 0 1px #8fa0d64d}.cups .h-tools input::placeholder{color:var(--t3)}.cups .h-tools input:focus{outline-offset:1px;outline:2px solid #7fb2ff}.cups .h-pills{flex-wrap:wrap;gap:6px;display:flex}.cups .h-pills button{min-height:40px;font:inherit;color:#d5ddf7;cursor:pointer;background:#ffffff1a;border:0;border-radius:10px;padding:0 14px;font-size:14.5px;font-weight:600}.cups .h-pills button span{color:var(--t3);margin-left:4px}.cups .h-pills button[aria-pressed=true]{color:#0b1033;background:#fff}.cups .h-pills button[aria-pressed=true] span{color:#3d4c8f}.cups .h-none{color:var(--t2);background:#0e1438;border-radius:14px;padding:18px 20px;font-size:16px}.cups .h-more{justify-content:center;margin-top:22px;display:flex}.cups .t-gal{padding:24px var(--gut,24px) 56px;flex-direction:column;align-items:center;gap:18px;display:flex}.cups .t-gal h1{letter-spacing:-.02em;color:#fff;text-align:center;font-size:clamp(28px,2.6vw,42px);font-weight:800}.cups .t-example{z-index:30;background:#101a4a;position:sticky;top:0;box-shadow:0 1px #8fa0d64d}.cups .t-example-in{flex-wrap:wrap;align-items:center;gap:10px 14px;padding-top:10px;padding-bottom:10px;display:flex}.cups .t-example-word{color:#141a33;background:#f7c948;border-radius:8px;padding:3px 10px;font-size:13.5px;font-weight:800}.cups .t-tabs{flex-wrap:wrap;gap:6px;display:flex}.cups .t-tabs a{color:var(--t1);background:#ffffff1a;border-radius:9px;padding:5px 12px;font-size:14.5px;font-weight:600;text-decoration:none}.cups .t-tabs a[aria-current=page]{color:#0b1033;background:#fff}.cups .t-example .sp{flex:1}.cups .t-where{border-left:1px solid #8fa0d659;padding-left:12px}@media (min-width:1101px){.cups .t-example~.bview{height:calc(100vh - 122px)}.cups .t-example~main .five{grid-template-columns:repeat(5,minmax(0,168px))}.cups .t-example~main .five .av{border-radius:50%}.cups .t-example~main .five .n{font-size:18px}}@media (prefers-reduced-motion:reduce){.cups .h-card{transition:none}.cups .h-card:hover{transform:none}}@media (max-width:760px){.cups .t-example{position:static}.cups.h-page{padding-top:32px}.cups .h-grid{grid-template-columns:1fr}.cups .h-grid.one .h-card{flex-direction:column}.cups .h-grid.one .h-art{aspect-ratio:12/5;flex:none;min-height:0}.cups .h-grid.one .h-art:after{background:linear-gradient(#0f174000 45%,#0f1740 100%)}.cups .h-grid.one .h-body{margin-top:-26px;padding:4px 18px 20px}.cups .h-head p{font-size:17px}.cups .hh-row{flex-wrap:wrap}.cups .hh-row .btn{width:100%}}