.tb-cta .short{display:none}
.mbar{display:none}

@media (max-width:1000px){
  .ap,.done,.db,.pgrid,.h6-grid,.how,.faq-wrap,.ready6{grid-template-columns:minmax(0,1fr)}
  .sent{max-width:100%}
  .sent span{min-width:0;overflow-wrap:anywhere}
}

@media (max-width:640px){
  html{-webkit-text-size-adjust:100%}
  body{font-size:15.5px}
  .wrap{padding:0 16px}
  .btn{height:50px;padding:0 20px;font-size:15px;gap:10px}
  .btn.sm{height:40px;padding:0 16px;font-size:14px}
  .btn::before{display:none}
  .btn:active{transform:scale(.97)}
  .chip{font-size:12.5px;padding:6px 12px}

  .tb-in{height:60px}
  .tb-logo img{height:22px}
  .tb-cta .long{display:none}
  .tb-cta .short{display:inline}
  .tb-cta{height:38px;padding:0 14px;border-radius:12px}

  .h6{padding:22px 0 8px}
  .h6-title{font-size:clamp(38px,11vw,46px);line-height:1.02;margin:16px 0 14px}
  .h6-lead{font-size:16px;line-height:1.55;margin:0 0 22px}
  .h6-acts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .h6-acts .btn{width:100%;padding:0 12px}
  .h6-facts{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr)}
  .h6-facts li{padding:14px 10px 0 0;min-width:0}
  .h6-facts li+li{padding-left:12px}
  .h6-facts b{font-size:17px;white-space:nowrap}
  .h6-facts span{font-size:12px;line-height:1.35;display:block;margin-top:2px}
  .h6-r{margin-top:22px}
  .h6-grid{gap:0}

  .board{height:auto;padding:16px;border-radius:24px;display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);row-gap:10px;align-items:stretch}
  .board-top{grid-column:1/-1;margin-bottom:4px}
  .board-top .chip{font-size:12px}
  .board-svg{opacity:0}
  .hub{visibility:hidden;width:1px;height:1px;margin:0}
  .col{display:contents}
  .col .pc{position:relative;padding:10px;gap:8px;flex-direction:column;align-items:flex-start;border-radius:14px;min-width:0}
  .col .pc b{font-size:12.5px}
  .col .pc small{font-size:11.5px}
  .pav{width:30px;height:30px;border-radius:9px;font-size:11.5px}
  .mentor{grid-column:1}
  .mentee{grid-column:3}
  .mentor[data-i="0"],.mentee[data-j="1"]{grid-row:2}
  .mentor[data-i="1"],.mentee[data-j="2"]{grid-row:3}
  .mentor[data-i="2"],.mentee[data-j="0"]{grid-row:4}
  .mentor::after{content:"";position:absolute;top:50%;right:-23px;width:24px;height:2px;margin-top:-1px;background:rgba(255,255,255,.22);border-radius:2px}
  .mentor::before{content:"";position:absolute;top:50%;right:-23px;width:24px;height:2px;margin-top:-1px;background:var(--mint);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .6s var(--io);z-index:1}
  .mentor.match::before{transform:scaleX(1)}
  .pc.match{transform:none;box-shadow:0 0 0 2px var(--mint),0 14px 30px -18px rgba(0,0,0,.45)}
  .board-foot{position:static;grid-column:1/-1;margin-top:4px;font-size:13px;padding:11px 14px;line-height:1.4}

  .s6{padding:64px 0 0}
  .s6-head{margin-bottom:22px}
  .s6-head h2,.how-l h2,.faq-wrap h2,.ready-l h2{font-size:clamp(32px,9vw,38px);margin:12px 0 10px}
  .s6-head p,.how-l p{font-size:15.5px}

  .bento{grid-template-columns:1fr 1fr;gap:10px}
  .bx{padding:20px;border-radius:22px}
  .bx:hover{transform:none}
  .bx.skill,.bx.acad{grid-column:1/-1}
  .bx.stat{grid-column:auto;min-height:0;gap:10px}
  .bx h3{font-size:26px;margin:12px 0 8px}
  .bx p{font-size:15px;margin-bottom:16px}
  .bx .big{font-size:56px}
  .bx .lab{font-size:13px;line-height:1.4}
  .mini-dots{display:none}
  .dpick{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px 14px;padding:2px 20px 6px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .dpick::-webkit-scrollbar{display:none}
  .dpick button{flex:none;scroll-snap-align:start;white-space:nowrap}
  .dpick button.on{transform:none}
  .win{font-size:11.5px;border-radius:14px}
  .win pre{padding:12px 14px;min-height:150px;line-height:1.65}
  .bx.acad{display:block}
  .reel{height:auto;margin-top:4px;background:transparent;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
  .reel-in{flex-direction:row;width:max-content;padding:4px 0;gap:8px;animation:reelx 22s linear infinite}
  .reel-in span{white-space:nowrap;font-size:15px;padding:10px 14px;border-radius:12px;background:#fff}

  .how{gap:8px}
  .how-r{padding-left:52px}
  .vline{left:17px}
  .hs{padding:4px 0 34px}
  .hs .hn{left:-52px;width:36px;height:36px;border-radius:11px;font-size:15px}
  .hs.act .hn{transform:none}
  .hs h4{font-size:21px;margin:4px 0 6px}
  .hs p{font-size:15px;margin-bottom:12px}
  .hcard{padding:12px 14px;border-radius:14px;max-width:100%}
  .code6{gap:4px}
  .code6 i{width:28px;height:36px;border-radius:8px;font-size:14px}
  .lines{width:180px}

  .ready6{padding:22px 18px;gap:18px;border-radius:24px}
  .ready-l{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center}
  .ready-l>.chip,.ready-l>h2,.ready-l>p{grid-column:1/-1}
  .ready-l>.chip{justify-self:start}
  .ready-l p{font-size:15px;margin-bottom:18px}
  .ring-wrap{width:92px;height:92px;margin:0}
  .ring-txt b{font-size:28px}
  .ring-txt span{font-size:10.5px}
  #readyBtn{width:100%}
  .ck{padding:13px 14px;gap:12px;border-radius:16px}
  .ck:hover{transform:none}
  .ck b{font-size:15px}
  .ck small{font-size:12.5px}
  .ck em{font-size:11px;padding:3px 8px}

  .mentee6{padding:22px 18px;gap:18px;border-radius:22px}
  .mentee6 h3{font-size:28px}
  .mentee6 p{font-size:15px}
  .mentee6 .btn{width:100%}

  .faq-wrap{gap:14px}
  .fq button{font-size:16px;padding:16px 16px;gap:14px}
  .fq button i{width:28px;height:28px}
  .fa p{padding:0 16px 16px;font-size:15px}

  .cta6{padding:28px 20px;border-radius:24px;gap:20px}
  .cta6 h2{font-size:31px}
  .cta6 p{font-size:15px}
  .cta6 .btn{width:100%}
  .cta-art{display:none}

  .foot{flex-direction:column;align-items:flex-start;gap:6px;padding:30px 0 40px;font-size:13px}
  .foot img{margin-bottom:6px}

  .mbar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:300;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;border-radius:20px;background:rgba(11,19,66,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;box-shadow:0 20px 40px -16px rgba(11,19,66,.55);transform:translateY(calc(100% + 30px));transition:transform .55s var(--back)}
  .mbar.on{transform:none}
  .mbar b{display:block;font-size:14px;line-height:1.2}
  .mbar small{display:block;font-size:12px;color:rgba(255,255,255,.7)}
  .mbar .btn{border-radius:14px;background:var(--mint);border-color:var(--mint);color:var(--navy)}

  .modal-bg{align-items:end;padding:0}
  .modal{max-width:none;border-radius:28px 28px 0 0;padding:30px 20px calc(24px + env(safe-area-inset-bottom));transform:translateY(100%)}
  .modal h2{font-size:34px;margin:12px 0 10px}
  .modal p{font-size:15px;margin-bottom:20px}
  .modal .x{right:16px;top:16px;width:36px;height:36px}
  .toast{bottom:calc(16px + env(safe-area-inset-bottom));max-width:calc(100% - 32px);font-size:14px}

  .ap-top .wrap{height:60px}
  .ap-top img{height:22px}
  .pills{gap:5px}
  .pills i{width:26px;height:5px}
  .xb{width:38px;height:38px}
  .ap{padding:2px 0 28px;gap:12px}
  .ap-side{display:none}
  .ap-main{padding:24px 18px 0;border-radius:24px;min-height:0}
  .q{font-size:clamp(32px,9.4vw,38px);margin:10px 0 8px}
  .qs{font-size:15px;margin-bottom:22px}
  .fl label,.glab{margin-left:4px}
  .fl input,.fl textarea{font-size:16px;padding:14px 46px 14px 18px}
  .fl .ok{top:37px;right:14px}
  .acts{position:sticky;bottom:0;z-index:20;margin:22px -18px 0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);border-radius:0 0 24px 24px}
  .acts .btn{flex:1}
  .acts .sp{display:none}
  .acts .btn.line{flex:0 0 auto}
  html:not(.js) .acts{position:static}
  .lv3{gap:8px}
  .opt3 label{padding:14px 12px;border-radius:18px}
  .opt3 label b{font-size:28px}
  .optp label{height:42px;padding:0 14px;font-size:14px}
  .trks{grid-template-columns:1fr;gap:10px}
  .trk label{padding:18px;border-radius:20px}
  .trk h4{font-size:24px;margin:16px 0 6px}
  .trk p{font-size:14px}
  .unf .box{padding:16px;border-radius:20px}
  .unf.open{margin-top:14px}
  .dm label{font-size:14px}
  .drop{padding:16px;gap:14px;border-radius:20px}
  .drop .ic{width:44px;height:44px}
  .drop .meta b{font-size:14.5px;white-space:normal}
  .sent{display:flex;width:100%;font-size:14px;padding:8px 8px 8px 14px;margin-bottom:18px}
  .sent span{flex:1}
  .otp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:100%;max-width:360px}
  .otp input{width:100%;height:58px;font-size:24px;border-radius:15px}
  .rs{font-size:14px;gap:10px;margin:20px 0 24px}
  .revc{padding:16px 16px;border-radius:20px}
  .revc h4{font-size:19px}
  .kv{grid-template-columns:1fr}
  .kv dt{border:0;padding:10px 0 0}
  .kv dd{padding:2px 0 10px}
  .agree{padding:14px;gap:12px;font-size:14px}
  .alertx{font-size:14px}

  .done{padding:4px 0 40px;gap:12px}
  .done .panel{padding:26px 20px;border-radius:24px}
  .done .panel h1{font-size:clamp(44px,13vw,56px);margin:14px 0 14px}
  .done .panel p{font-size:15px}
  .done .panel .btn{width:100%}
  .chk{width:76px;height:76px}
  .refcard{padding:20px;border-radius:22px}
  .refcard .big{font-size:30px}
  .nx div{padding:14px;border-radius:18px;font-size:14.5px}
  .nx b{width:32px;height:32px}

}

@media (max-width:760px){
  .db{gap:12px;padding-top:12px}
  .sb{position:relative;top:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;border-radius:22px;overflow:visible;min-height:0}
  .sb>a{order:1}
  .sb img{height:22px;margin:0 4px}
  .sb .mono{display:none}
  .me{order:2;margin:0 0 0 auto;padding:0;background:none;gap:6px}
  .me .av{width:34px;height:34px;font-size:12px}
  .me .who{display:none}
  .me .me-btn,.me button{width:34px;height:34px;background:var(--bg)}
  .sbn{order:3;width:100%;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:2px 12px;width:calc(100% + 24px);scroll-snap-type:x proximity}
  .sbn::-webkit-scrollbar{display:none}
  .sbn .sb-hl,.sbn .gl{display:none}
  .sbn a{flex:none;height:38px;padding:0 14px;font-size:14px;white-space:nowrap;background:var(--bg);color:var(--muted);scroll-snap-align:start}
  .sbn a.on{background:var(--blue);color:#fff}
  .sbn a .ct{margin-left:6px}

  .dhead{margin:4px 0 16px;gap:14px}
  .dhead h1{font-size:clamp(36px,10vw,44px)}
  .dhead .mono{margin-bottom:8px}
  .dhead .btn{width:100%}
  .srch{width:100%}
  .srch input{font-size:16px}
  .srch kbd{display:none}

  .stiles{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
  .stiles[style]{grid-template-columns:1fr!important}
  .st{padding:16px;border-radius:20px}
  .st b{font-size:38px;margin:8px 0 6px}
  .st .sub{font-size:12px;line-height:1.35}
  .spread div{grid-template-columns:92px 1fr 22px;font-size:12.5px}
  .chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 12px;padding:2px 16px 8px;scrollbar-width:none}
  .chips::-webkit-scrollbar{display:none}
  .chips .chipf{flex:none;white-space:nowrap}

  .tcard{border-radius:22px}
  .tscroll{overflow:visible}
  .tscroll table,.tscroll tbody{display:block}
  .tscroll thead{display:none}
  .tscroll tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;padding:14px 16px;border-top:1px solid var(--line)}
  .tscroll tbody tr:first-child{border-top:0}
  .tscroll tbody tr:active{background:var(--bg)}
  .tscroll td{display:block;padding:0;border:0;white-space:normal;min-width:0;font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.35}
  .tscroll td.muted{color:var(--ink)}
  .tscroll td[data-label]::before{content:attr(data-label);display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:3px}
  .tscroll td.pcell{grid-column:1/-1;padding-right:44px}
  .tscroll td.pcell::before{display:none}
  .tscroll td.gocell{position:absolute;right:14px;top:16px}
  .tscroll td[data-label="Standing"],.tscroll td[data-label="GitHub"],.tscroll td[data-label="Courses"]{grid-column:span 2;overflow-wrap:anywhere}
  .tscroll td .pill{font-size:12px;padding:3px 9px}
  .tscroll .go{opacity:1;transform:none;background:var(--bg)}
  .tscroll .per .e{overflow-wrap:anywhere}
  tbody tr:hover td{color:var(--ink)}
  tbody tr:hover td:first-child::before{transform:scaleX(0)}
  tbody tr:hover .e,tbody tr:hover .muted{color:var(--muted)}
  tbody tr:hover .pill{background:var(--soft);color:var(--blue)}
  tbody tr:hover .av{background:var(--soft);color:var(--blue)}
  .pager{justify-content:center;flex-direction:column;gap:10px;padding:14px}
  .pages{overflow-x:auto;max-width:100%}

  .bk{margin:4px 0 12px}
  .prof{grid-template-columns:1fr;padding:24px 20px;gap:16px;border-radius:24px}
  .prof .av.xl{width:64px;height:64px;font-size:22px}
  .prof h1{font-size:clamp(34px,10vw,42px);margin:10px 0 10px}
  .prof .mono{font-size:11px}
  .prof .acts2{display:grid;grid-template-columns:1fr 1fr}
  .prof .acts2 .btn{width:100%}
  .pgrid{gap:12px}
  .dpc{padding:20px;border-radius:22px}
  .dpc .quote{font-size:22px}
  .lr{padding:12px 14px;font-size:14.5px;overflow-wrap:anywhere}
  .cvx{padding:14px;gap:12px}
  .cvx .doc{width:46px;height:58px}
  .cvm{min-width:0}
  .cva{flex-basis:100%;margin:0}
  .cva .btn{flex:1}
  .ki div{flex-direction:column;gap:2px;padding:11px 14px}
  .ki b{text-align:left}

  .cm-row{grid-template-columns:1fr;gap:10px;padding:16px}
  .cm-row::before{display:none}
  .cm-row:hover{color:inherit}
  .cm-row:hover .e{color:var(--muted)}
  .cm-row .ra{flex-wrap:wrap}
  .cm-row .ra form,.cm-row .ra button{flex:1}
  .cm-row .per .e{overflow-wrap:anywhere}
}

@keyframes reelx{to{transform:translateX(-50%)}}

@media (hover:none){
  .btn:hover .ar{transform:none}
  .lr:hover{background:var(--bg);color:inherit}
  .lr:hover span{color:var(--muted)}
  .opt3 label:hover,.trk label:hover{transform:none}
}