/* pytorchday.kr(pytorchdaykorea/index.html)의 색·글꼴·간격을 그대로 옮겼다 */
:root{
  --bg:#1C1528;--panel:#271E38;--panel2:#312546;--line:rgba(251,247,255,.12);
  --ink:#FBF7FF;--ink2:rgba(251,247,255,.66);--ink3:rgba(251,247,255,.42);
  --c1:#FF6A3D;--c2:#FF3D7F;--c3:#FFC24B;--c4:#34D6C8;--ac:#EE4C2C;
  --ok:#34D6C8;--warn:#FFC24B;--bad:#FF3D7F;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--ink);font-family:'Pretendard',-apple-system,sans-serif;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere;min-height:100vh;display:flex;flex-direction:column;overflow-x:clip}
main{flex:1}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
@media (max-width:640px){.wrap{padding:0 16px}}

@keyframes pdk-mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pdk-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.65)}}
@keyframes pdk-sweep{0%{left:-40%}70%,100%{left:125%}}

/* 헤더 */
.hdr{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:saturate(150%) blur(16px);border-bottom:1px solid var(--line)}
.hdr .wrap{height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px}
/* 로고: 명찰·POP과 같은 물방울 심벌(data/symbol.optimized.svg) + PyTorchKR */
.logo{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.logo img{height:30px;width:auto;max-width:none}
.logo-name{font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.logo-sub{font-size:14px;font-weight:600;color:var(--ink2);padding-left:11px;margin-left:2px;border-left:1px solid var(--line)}
.hdr nav{display:flex;align-items:center;gap:22px;white-space:nowrap}
.hdr nav a{font-size:14.5px;font-weight:500;color:var(--ink2)}
.hdr nav a:hover{color:var(--ink)}
@media (max-width:640px){.hdr nav .hide-sm{display:none}.logo img{height:26px}.logo-name{font-size:17px}.logo-sub{display:none}}
.bar{position:relative;overflow:hidden;background:#D63916;border-top:1px solid var(--line);padding:11px 32px}
.bar::before{content:"";position:absolute;top:0;bottom:0;width:26%;left:-40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:skewX(-18deg);animation:pdk-sweep 6s ease-in-out infinite;pointer-events:none}
.bar-in{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;font-size:14.5px;color:#fff;text-align:center}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#fff;margin-right:9px;box-shadow:0 0 8px rgba(255,255,255,.8);animation:pdk-dot 1.8s ease-in-out infinite}
.barbtn{font-weight:800;font-size:13px;color:var(--ink);border:1.5px solid rgba(251,247,255,.28);padding:6px 15px;border-radius:999px;box-shadow:0 0 11px rgba(251,247,255,.2);transition:all .18s ease;white-space:nowrap}
.barbtn:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.75);box-shadow:0 0 18px rgba(255,255,255,.4)}

/* 마퀴 띠 */
.marquee{overflow:hidden;background:var(--ac);padding:13px 0;transform:rotate(-1.4deg) scale(1.04);margin:6px 0 0;box-shadow:0 14px 40px -18px var(--ac)}
.marquee-in{display:flex;width:max-content;white-space:nowrap;animation:pdk-mq 26s linear infinite;font-family:'Syne',sans-serif;font-weight:800;font-size:19px;color:#1a0d06}
.marquee-in>div{display:inline-flex;align-items:center;gap:22px;padding-right:22px}
.marquee .mono{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:15px}
.marquee .sep{opacity:.55}

/* 타이포 */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--c4)}
.eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor}
.h1{font-weight:800;font-size:clamp(36px,5.4vw,64px);line-height:1.16;letter-spacing:-.035em;margin-top:16px}
.h1 em{font-style:normal;color:var(--ac)}
.lead{margin-top:22px;max-width:68ch;font-size:clamp(16px,1.6vw,18.5px);line-height:1.8;color:var(--ink2)}
.lead b{color:var(--ink)}
.h2{display:flex;align-items:center;gap:12px;font-weight:800;font-size:clamp(24px,2.6vw,32px);line-height:1.25;letter-spacing:-.03em}
.h2 .count{font-size:14px;font-weight:700;letter-spacing:0;color:var(--ink2);background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:2px 11px;font-variant-numeric:tabular-nums}
.done .h2{justify-content:center}
.hero{padding:clamp(64px,9vw,120px) 0 clamp(40px,5vw,64px)}
.sec{padding:clamp(48px,6vw,80px) 0 clamp(72px,9vw,112px)}
.panel-sec{background:var(--panel)}

/* 안내 박스 */
.notice{margin-top:30px;display:flex;gap:14px;align-items:flex-start;max-width:820px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--c3) 40%,transparent);background:color-mix(in srgb,var(--c3) 8%,transparent);border-radius:14px;font-size:15px;line-height:1.75;color:var(--ink2)}
.notice b{color:var(--ink)}
.notice .ic{flex:0 0 auto;width:22px;height:22px;margin-top:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#2b1f05;background:var(--c3)}

/* 카드 */
.grid{margin-top:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media (max-width:820px){.grid{grid-template-columns:1fr}}
.card{position:relative;display:flex;flex-direction:column;padding:26px 24px 22px;background:var(--panel2);border:1px solid var(--line);border-radius:18px;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c3) 55%,transparent);background:color-mix(in srgb,var(--c3) 5%,var(--panel2))}
.card.is-closed{opacity:.82}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.org{font-size:15px;font-weight:700;color:var(--c3)}
.card-title{font-size:19px;font-weight:800;line-height:1.45;letter-spacing:-.025em;margin-top:14px;word-break:keep-all}
.card-sum{font-size:14.5px;line-height:1.7;color:var(--ink2);margin-top:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.meta{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:14.5px}
.meta dt{font-size:13.5px;font-weight:600;color:var(--ink3)}
.meta dd{color:var(--ink);font-weight:600}
.meta dd.tbd{color:var(--ink3);font-weight:500}
.card-foot{margin-top:auto;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.seats{font-size:14px;color:var(--ink2);font-variant-numeric:tabular-nums}
.seats b{color:var(--ink)}
.more{font-size:14px;font-weight:700;color:var(--ink)}
.card:hover .more{color:var(--c3)}
.gauge{height:4px;border-radius:4px;background:var(--line);margin-top:14px;overflow:hidden}
.gauge i{display:block;height:100%;background:linear-gradient(90deg,var(--c1),var(--c2))}

/* 상태 배지 */
.badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;line-height:1.2;padding:5px 11px;border-radius:999px;white-space:nowrap}
.badge.open{color:#0d2b28;background:var(--c4)}
.badge.open::before{content:"";width:7px;height:7px;border-radius:50%;background:#0d2b28;animation:pdk-dot 1.8s ease-in-out infinite}
.badge.closed{color:var(--ink);background:rgba(251,247,255,.14);border:1px solid var(--line)}
.badge.pending{color:#2b1f05;background:var(--c3)}
.badge.approved{color:#0d2b28;background:var(--c4)}
.badge.rejected{color:#fff;background:var(--c2)}

/* 상세 */
.back{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink2)}
.back:hover{color:var(--ink)}
.detail{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:48px;align-items:start;margin-top:36px}
.btn.jump{display:none}
@media (max-width:980px){.detail{grid-template-columns:1fr;gap:36px}.apply{position:static;scroll-margin-top:150px}.btn.jump{display:inline-flex;margin-top:18px}}
@media (max-width:640px){.bar{padding:10px 16px}}
.detail-title{font-size:clamp(26px,3.2vw,38px);font-weight:800;line-height:1.32;letter-spacing:-.035em;margin-top:14px;word-break:keep-all}
.block{margin-top:44px}
.block h3{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800;color:var(--c2);margin-bottom:14px}
.block h3::before{content:"";width:16px;height:2px;border-radius:2px;background:currentColor}
.prose{font-size:16px;line-height:1.85;color:var(--ink2)}
.prose p+p,.prose ul,.prose ol,.prose h4,.prose h5{margin-top:14px}
.prose h3,.prose h4,.prose h5{font-size:17px;font-weight:800;color:var(--ink);margin-top:26px}
.prose strong{color:var(--ink)}
.prose ul,.prose ol{padding-left:22px}
.prose li+li{margin-top:6px}
.prose a{color:var(--c3);text-decoration:underline;text-underline-offset:3px}
.prose code{font-family:'JetBrains Mono',monospace;font-size:.9em;background:var(--panel2);padding:1px 6px;border-radius:5px}
.speaker{display:flex;gap:20px;align-items:flex-start;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:16px}
.avatar{flex:0 0 auto;width:88px;aspect-ratio:1;border-radius:50%;overflow:hidden;border:2px solid var(--ac);background:var(--panel2);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:30px;color:var(--ink2)}
.avatar img{width:100%;height:100%;object-fit:cover}
.speaker-name{font-size:18px;font-weight:800}
.speaker-org{font-size:14px;font-weight:700;color:var(--c3);margin-top:2px}
.speaker .prose{font-size:14.5px;margin-top:10px}
@media (max-width:520px){.speaker{flex-direction:column}}

/* 신청 패널 */
.apply{position:sticky;top:96px;padding:26px 24px;background:var(--panel);border:1px solid var(--line);border-radius:18px}
.apply .meta{margin-top:0;padding-top:0;border-top:0}
.apply-h{font-size:21px;font-weight:800;letter-spacing:-.03em;margin:22px 0 4px;padding-top:22px;border-top:1px solid var(--line)}
.apply-sub{font-size:14px;line-height:1.7;color:var(--ink2)}
.apply-sub a{color:var(--c3);text-decoration:underline;text-underline-offset:3px}
.field{margin-top:16px}
.field label{display:block;font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:7px}
.field input[type=text],.field input[type=email],.field input[type=tel],.field input[type=password],.field input[type=number],.field select{width:100%;padding:12px 14px;font:inherit;font-size:15px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}
.field input:focus,.field select:focus{border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 25%,transparent)}
.field.has-err input{border-color:var(--bad)}
.err{font-size:13px;color:var(--bad);margin-top:6px}
.hint{font-size:12.5px;color:var(--ink3);margin-top:6px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.6;color:var(--ink2);cursor:pointer}
.check input{margin-top:4px;accent-color:var(--ac);width:16px;height:16px;flex:0 0 auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:22px;padding:14px 18px;font:inherit;font-size:16px;font-weight:800;color:#fff;background:var(--ac);border:0;border-radius:12px;cursor:pointer;box-shadow:0 10px 30px -12px var(--ac);transition:filter .15s ease,transform .15s ease}
.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn:disabled{background:rgba(251,247,255,.14);color:var(--ink3);box-shadow:none;cursor:not-allowed;transform:none}
.btn.ghost{background:transparent;border:1.5px solid var(--line);box-shadow:none;color:var(--ink)}
.btn.sm{width:auto;margin:0;padding:8px 14px;font-size:13.5px;border-radius:9px}
.closed-box{margin-top:22px;padding:18px;border-radius:12px;background:rgba(251,247,255,.06);border:1px dashed var(--line);font-size:14.5px;line-height:1.7;color:var(--ink2);text-align:center}
.closed-box b{display:block;font-size:20px;color:var(--ink);margin-bottom:4px}
.alert{margin-top:16px;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--bad) 14%,transparent);border:1px solid color-mix(in srgb,var(--bad) 45%,transparent);font-size:14px;color:var(--ink)}

/* 완료 */
.done{max-width:640px;margin:0 auto;text-align:center;padding:clamp(72px,10vw,128px) 0}
.done .mark{width:76px;height:76px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--c4);color:#0d2b28;font-size:38px;font-weight:800}
.done .notice{text-align:left;margin:30px auto 0}

/* 푸터 */
footer{padding:48px 0 34px;background:#0A0710;margin-top:auto}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:flex-start}
.foot-logo{margin-bottom:12px}
.foot-logo img{height:26px}
.foot-logo .logo-name{font-size:17px}
.foot-label{font-size:13px;font-weight:700;color:var(--ink2)!important;margin-bottom:8px}
.foot p,.foot a{font-size:14px;color:var(--ink3)}
.foot a:hover{color:var(--ac)}
.foot-bottom{border-top:1px solid var(--line);margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--ink3)}

/* 관리자 */
.adm-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.adm-list{margin-top:28px;display:flex;flex-direction:column;gap:16px}
.adm-card{padding:22px 24px;background:var(--panel2);border:1px solid var(--line);border-radius:16px;scroll-margin-top:100px}
.adm-card.saved{border-color:var(--c4)}
.adm-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}
.stats{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:14px;color:var(--ink2);font-variant-numeric:tabular-nums}
.stats b{color:var(--ink)}
.adm-form{margin-top:16px;display:grid;grid-template-columns:110px 1fr 1fr auto auto;gap:12px;align-items:end}
.adm-form .field{margin-top:0}
.adm-form .field input{padding:10px 12px;font-size:14px}
.adm-form .check{padding-bottom:10px;white-space:nowrap}
@media (max-width:860px){.adm-form{grid-template-columns:1fr 1fr}.adm-form .field:nth-child(2),.adm-form .field:nth-child(3){grid-column:span 2}}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.tabs a{font-size:13.5px;font-weight:700;padding:7px 14px;border-radius:999px;border:1px solid var(--line);color:var(--ink2)}
.tabs a.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.tbl-wrap{margin-top:18px;overflow-x:auto;border:1px solid var(--line);border-radius:14px}
table{width:100%;border-collapse:collapse;font-size:14px;min-width:760px}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-size:13px;font-weight:700;color:var(--ink3);background:var(--panel);white-space:nowrap}
tr:last-child td{border-bottom:0}
tr:target td{background:color-mix(in srgb,var(--c4) 10%,transparent)}
td.mono{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--ink2)}
.acts{display:flex;gap:6px;flex-wrap:wrap}
.acts form{display:inline}
.acts button{font:inherit;font-size:12.5px;font-weight:700;padding:6px 11px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}
.acts button.approve:hover{background:var(--c4);color:#0d2b28;border-color:var(--c4)}
.acts button.reject:hover{background:var(--c2);color:#fff;border-color:var(--c2)}
.acts button.reset:hover{background:var(--panel2)}
.acts button:disabled,.acts button:disabled:hover{opacity:.35;cursor:not-allowed;background:transparent;color:var(--ink);border-color:var(--line)}
.empty{padding:40px;text-align:center;color:var(--ink3)}
.login{max-width:400px;margin:0 auto;padding:clamp(72px,10vw,120px) 0}
.login form{margin-top:12px}