:root{color:#192b4c;font-synthesis:none;--bg:#fff;--surface:#fff;--soft:#f5f8fd;--line:#e2e9f3;--ink:#14264a;--muted:#687b98;--navy:#0b1f4b;--blue:#2f6fe0;--chip:#eef4ff;--shadow:0 16px 40px #102a5217;background:#fff;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1220;--surface:#111d31;--soft:#15233a;--line:#2c3b53;--ink:#eef4ff;--muted:#acbbd3;--navy:#4267bb;--blue:#80a9ff;--chip:#203963;--shadow:0 16px 40px #0003}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #64a3ff}::selection{color:#071e4b;background:#a8c6ff}h1,h2,h3,p{margin-top:0}svg{width:20px;height:20px}.shell{width:min(1140px,100% - 40px);margin-inline:auto}.site-header{background:var(--surface);border-bottom:1px solid var(--line);z-index:5;position:relative}.header-top{justify-content:space-between;align-items:center;gap:20px;min-height:67px;display:flex}.brand{white-space:nowrap;align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;letter-spacing:-.12em;background:#0b1f4b;border-radius:10px;place-items:center;width:38px;height:38px;padding-right:4px;font:700 21px ui-monospace,monospace;display:grid}.brand strong{letter-spacing:-.025em;font-size:17px;display:block}.brand small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.header-actions{align-items:center;gap:14px;font-size:13px;display:flex}.icon-button,.text-button{color:var(--muted);background:0 0;border:0;padding:8px}.icon-button{place-items:center;display:grid}.icon-button:hover,.text-button:hover{color:var(--blue)}.primary-button,.outline-button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;min-height:43px;padding:0 18px;font-size:14px;font-weight:720;display:inline-flex}.primary-button{color:#fff;background:#0b1f4b}.primary-button:hover{background:#214178}.outline-button{background:var(--surface);color:var(--navy);border-color:#cad8ee}.header-login{min-height:38px}.user-link{font-weight:700}.admin-link{color:var(--blue);font-weight:700}.site-nav{scrollbar-width:none;align-items:center;gap:31px;height:45px;display:flex;overflow:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav a{white-space:nowrap;color:var(--muted);border-bottom:2px solid #0000;align-items:center;height:100%;font-size:13px;font-weight:670;display:flex}.site-nav a.active,.site-nav a:hover{color:var(--blue);border-bottom-color:var(--blue)}.hero{color:#fff;background:linear-gradient(112deg,#091a3c 0%,#0b2455 57%,#145a9e 100%);border-radius:16px;align-items:center;height:238px;margin-top:24px;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:2;max-width:470px;margin-left:45px;position:relative}.hero-pill{background:#ffffff25;border-radius:100px;align-items:center;margin-bottom:12px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.025em;margin:0 0 9px;font-size:31px;line-height:1.18}.hero p{color:#c4d6f3;margin-bottom:14px;font-size:14px}.hero-button{color:#0b1f4b;background:#fff;border-radius:8px;padding:9px 15px;font-size:13px;font-weight:800;display:inline-flex}.hero-art{position:absolute;inset:0 0 0 48%;overflow:hidden}.hero-art:before,.hero-art:after{content:"";border:1px solid #9de2ff66;border-radius:50%;position:absolute}.hero-art:before{width:390px;height:390px;top:-120px;right:13%}.hero-art:after{width:260px;height:260px;top:-55px;right:24%}.hero-art-code{letter-spacing:-.13em;color:#a5e9ff;text-shadow:12px 20px 35px #00102f95;font:900 122px ui-monospace,monospace;position:absolute;top:16px;right:16%;transform:rotate(-10deg)}.hero-art-panel{color:#8fbae8;background:#082048d9;border:1px solid #87c5ff77;border-radius:16px;width:340px;height:116px;padding:16px 20px;font:12px ui-monospace,monospace;position:absolute;bottom:-45px;right:9%;transform:rotate(-11deg);box-shadow:0 15px 35px #00143288}.hero-art-panel i{background:#4382bd;border-radius:8px;width:75%;height:7px;margin-top:9px;display:block}.hero-art-panel i:nth-child(3){background:#72d5d2;width:48%}.hero-art-panel i:nth-child(4){width:60%}.hero-art-ring{border:12px solid #4ad6d0;border-radius:50%;width:62px;height:62px;position:absolute;top:31px;right:6%;box-shadow:0 10px 20px #00143266}.hero-art-motif{color:#a4d4f7;letter-spacing:.18em;font:11px ui-monospace,monospace;position:absolute;top:29px;right:44%;transform:rotate(-15deg)}.hero-arrow{z-index:3;color:#fff;background:#061a3950;border:1px solid #ffffff7a;border-radius:50%;width:34px;height:34px;font-size:23px;line-height:1;position:absolute;top:calc(50% - 17px)}.hero-prev{left:9px}.hero-next{right:9px}.hero-dots{z-index:3;gap:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.hero-dots button{background:#ffffff75;border:0;border-radius:9px;width:7px;height:7px;padding:0}.hero-dots button.active{background:#fff;width:22px}.discover{text-align:center;padding-top:38px}.discover h2{letter-spacing:-.035em;margin-bottom:18px;font-size:32px;line-height:1.35}.discover h2 span{color:#2f6fe0}.search-box{background:var(--surface);border:1px solid #d8e2f0;border-radius:100px;align-items:center;width:min(570px,100%);height:54px;margin:0 auto;padding:5px 6px 5px 20px;display:flex;box-shadow:0 4px 20px #152d5610}.search-box svg{color:#6b83a7;flex:none}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0 12px;font-size:14px}.search-box button{color:#fff;background:#0b1f4b;border:0;border-radius:30px;height:40px;padding:0 18px;font-size:13px;font-weight:700}.suggestions{flex-wrap:wrap;justify-content:center;gap:7px;margin:12px 0 26px;display:flex}.suggestions button,.filter-group button{background:var(--surface);color:var(--muted);border:1px solid #dce5f1;border-radius:40px;padding:7px 13px;font-size:12px}.suggestions button:hover,.filter-group button:hover{color:var(--blue);border-color:#89abe4}.categories{justify-content:center;gap:40px;margin:18px auto 27px;display:flex}.categories a{justify-items:center;gap:8px;font-size:12px;display:grid}.category-icon{border-radius:16px;place-items:center;width:62px;height:62px;display:grid}.category-icon svg{width:29px;height:29px}.ci-all{color:#2856b3;background:#dfe9ff}.ci-skill{color:#8051c8;background:#e8dcff}.ci-guide{color:#187d77;background:#d8f5ef}.ci-portfolio{color:#bc6a28;background:#ffe9d7}.ci-cli{color:#bc4c74;background:#ffdfeb}.categories a:hover .category-icon{transform:translateY(-3px)}.filters{text-align:left;flex-wrap:wrap;gap:15px;margin:0 0 42px;display:flex}.filter-group{flex-wrap:wrap;gap:5px;display:flex}.filter-group:not(:last-child){border-right:1px solid var(--line);padding-right:15px}.filter-group button{padding:7px 12px;font-weight:680}.filter-group button.selected{color:#fff;background:#152e64;border-color:#152e64}.content-section{padding-bottom:50px}.section-head{justify-content:space-between;align-items:end;gap:12px;margin-bottom:18px;display:flex}.section-head h2{letter-spacing:-.035em;margin:0 0 3px;font-size:24px}.section-head p{color:var(--muted);margin:0;font-size:13px}.section-more{color:var(--blue);white-space:nowrap;font-size:13px;font-weight:750}.post-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.post-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.post-card:hover,.portfolio-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card-media{aspect-ratio:16/10;background:#0b1f4b;position:relative;overflow:hidden}.card-media>img{object-fit:cover;width:100%;height:100%}.thumb-art{color:#fff;background:radial-gradient(circle at 78% 20%,#396db1 0,#102d61 35%,#091934 80%);position:absolute;inset:0;overflow:hidden}.thumb-ai-guide{background:radial-gradient(circle at 79% 20%,#348f9a,#164f70 35%,#09283d 80%)}.thumb-cli{background:radial-gradient(circle at 79% 20%,#8b5cb0,#34275f 35%,#111633 80%)}.thumb-grid{background-color:#0000;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;transform:skewY(-15deg)scale(1.5)}.thumb-orbit{border:1px solid #7de3ee99;border-radius:50%;width:160px;height:160px;position:absolute;top:-55px;right:-48px}.thumb-terminal{letter-spacing:-.1em;background:#ffffff20;border:1px solid #fff6;border-radius:11px;place-items:center;width:51px;height:51px;padding-right:4px;font:700 24px ui-monospace,monospace;display:grid;position:absolute;top:43px;left:25px}.thumb-word{letter-spacing:-.03em;font-size:23px;font-weight:800;position:absolute;bottom:21px;left:25px}.thumb-label{color:#aed8ff;font-size:11px;position:absolute;top:19px;right:19px}.thumb-line{background:#4eddd4;width:45%;height:4px;position:absolute;bottom:40px;right:-10px;transform:rotate(-28deg)}.category-badge{color:#173665;background:#ffffffed;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:800;position:absolute;top:11px;left:11px}.card-copy{flex-direction:column;flex:1;padding:14px 14px 15px;display:flex}.card-copy h3{letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:42px;margin:0 0 7px;font-size:15px;line-height:1.42;display:-webkit-box;overflow:hidden}.card-copy p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.card-meta{color:var(--muted);flex-wrap:wrap;gap:6px;margin-top:auto;font-size:10px;display:flex}.card-meta span:not(:last-child):after{content:"·";margin-left:6px}.access{color:#2868c2;margin-top:10px;font-size:12px;display:inline-block}.access.member{color:#8a5dbe}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.portfolio-card{border:1px solid var(--line);background:var(--surface);border-radius:13px;display:block;overflow:hidden}.portfolio-media{aspect-ratio:16/10;background:#112e5f;position:relative;overflow:hidden}.portfolio-media img{object-fit:cover;width:100%;height:100%;display:block}.portfolio-fallback{color:#fff;background:radial-gradient(circle at 75% 15%,#4a7fc1,#102f68 55%,#0b1f4b);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.portfolio-fallback[hidden]{display:none}.portfolio-fallback strong{font-size:18px}.portfolio-copy{padding:19px}.portfolio-copy h3{letter-spacing:-.025em;margin-bottom:7px;font-size:19px}.portfolio-copy p{color:var(--muted);min-height:42px;margin-bottom:10px;font-size:13px;line-height:1.6}.portfolio-tags,.article-tags{flex-wrap:wrap;gap:7px;display:flex}.portfolio-tags span,.article-tags span{background:var(--chip);color:var(--blue);border-radius:6px;padding:5px 8px;font-size:11px}.portfolio-copy>strong{color:var(--blue);margin-top:17px;font-size:13px;display:block}.site-footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);margin-top:26px;padding:34px 0 38px;font-size:12px}.site-footer strong{color:var(--ink);margin-bottom:5px;font-size:17px;display:block}.site-footer p{margin-bottom:16px}.site-footer nav,.footer-policy{flex-wrap:wrap;justify-content:center;gap:17px;margin-bottom:16px;display:flex}.footer-policy{gap:8px}.business{border-top:1px solid var(--line);padding:18px 0;line-height:1.9}.listing-page{min-height:60vh;padding-top:44px;padding-bottom:70px}.page-title h1,.auth-heading h1{letter-spacing:-.035em;margin:7px 0;font-size:36px}.page-title p,.auth-heading p{color:var(--muted);font-size:15px}.page-kicker{letter-spacing:.12em;color:var(--blue);font-size:10px;font-weight:800}.listing-page .search-box{margin:27px 0 20px}.listing-page .filters{margin-bottom:30px}.list-heading{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:12px;font-size:14px}.empty-state{text-align:center;border:1px solid var(--line);color:var(--muted);border-radius:15px;padding:55px 20px}.empty-state h2{color:var(--ink)}.empty-note{color:var(--muted);font-size:14px}.portfolio-page-grid{margin-top:35px}.article{max-width:820px;padding-top:34px;padding-bottom:70px}.article-breadcrumb{color:var(--muted);margin-bottom:25px;font-size:12px}.article-breadcrumb span{margin:0 9px}.article h1{letter-spacing:-.035em;margin:9px 0;font-size:clamp(32px,4vw,48px);line-height:1.24}.article-summary{color:var(--muted);font-size:18px;line-height:1.6}.article-meta{color:var(--muted);gap:14px;margin-bottom:16px;font-size:12px;display:flex}.bookmark-button{border:1px solid var(--line);background:var(--surface);color:var(--blue);border-radius:8px;margin:20px 0 0;padding:8px 13px;font-weight:700;display:block}.article-body{border-top:1px solid var(--line);overflow-wrap:anywhere;margin-top:25px;padding-top:28px;font-size:16px;line-height:1.85}.article-body h2{margin-top:32px;font-size:24px}.article-body img{max-width:100%}.article-body pre{color:#fff;background:#0b1f4b;border-radius:10px;padding:18px;overflow:auto}.article-body a{color:var(--blue);text-decoration:underline}.article-links{gap:8px;margin-top:25px;display:flex}.related{border-top:1px solid var(--line);margin-top:65px;padding-top:30px}.related .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-gate{text-align:center;min-height:70vh;padding-top:75px}.member-gate>p{color:var(--muted)}.gate-box{border:1px solid var(--line);background:var(--soft);border-radius:16px;max-width:450px;margin:32px auto;padding:30px}.gate-box p{color:var(--muted)}.gate-box a{margin:4px}.simple-page{min-height:60vh;padding-top:70px}.auth-page{min-height:74vh;padding:38px 0 65px}.auth-heading{margin-bottom:30px}.auth-card{border:1px solid var(--line);background:var(--surface);border-radius:13px;width:min(420px,100%);margin:0 auto;padding:25px 28px;box-shadow:0 8px 25px #10234d0c}.auth-card h2{margin-bottom:18px;font-size:20px}.auth-card form{gap:15px;display:grid}.auth-card label:not(.check-line){color:var(--muted);gap:7px;font-size:12px;font-weight:700;display:grid}.auth-card label small{font-size:11px;font-weight:400}.auth-card input:not([type=checkbox]){background:var(--surface);width:100%;height:43px;color:var(--ink);border:1px solid #ccdaed;border-radius:8px;padding:0 12px;font-size:14px}.check-line{color:var(--muted);align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.check-line input{accent-color:#2f6fe0;margin:2px 0 0}.check-line a,.auth-switch a,.google-consent a{color:var(--blue);text-decoration:underline}.form-error{color:#ad3333;background:#fff0f0;border-radius:7px;margin:0;padding:10px;font-size:12px}.auth-submit{width:100%;margin-top:3px}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-divider{text-align:center;color:var(--muted);margin:18px 0;font-size:11px;position:relative}.auth-divider:before{content:"";background:var(--line);height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{background:var(--surface);padding:0 10px;position:relative}.google-consent{color:var(--muted);font-size:11px;line-height:1.5}.google-unavailable{border:1px solid var(--line);background:var(--soft);text-align:center;color:var(--muted);border-radius:8px;padding:13px;font-size:12px}.auth-switch{text-align:center;color:var(--muted);margin:20px 0 0;font-size:12px}.profile-page,.admin-page{min-height:70vh;padding-top:50px;padding-bottom:70px}.profile-panel{border:1px solid var(--line);border-radius:13px;margin:25px 0 45px;padding:23px}.profile-panel dl{grid-template-columns:1fr 1fr;gap:17px;margin:0 0 20px;display:grid}.profile-panel dt{color:var(--muted);font-size:12px}.profile-panel dd{overflow-wrap:anywhere;margin:4px 0;font-weight:700}.admin-head{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.admin-head p{color:var(--muted)}.table-wrap{overflow:auto}.admin-page table{border-collapse:collapse;width:100%;min-width:800px;font-size:13px}.admin-page th{color:#fff;text-align:left;background:#0b1f4b}.admin-page th,.admin-page td{border-bottom:1px solid var(--line);padding:12px}.admin-page td button{background:var(--surface);color:#b64040;border:1px solid #edb9b9;border-radius:6px;padding:6px 9px}.policy-page{max-width:760px;min-height:65vh;padding-top:60px;padding-bottom:70px;line-height:1.8}.policy-page h1{font-size:35px}.policy-page h2{margin-top:30px;font-size:20px}.policy-page p{color:var(--muted)}@media (width<=900px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.categories{gap:20px}.hero-art-code{right:10%}}@media (width<=620px){.shell{width:min(100% - 30px,1140px)}.header-top{min-height:62px}.brand-mark{width:34px;height:34px;font-size:18px}.brand strong{font-size:14px}.brand small{font-size:9px}.header-actions{gap:5px}.header-login{min-height:35px;padding:0 12px;font-size:12px}.user-link{white-space:nowrap;text-overflow:ellipsis;max-width:72px;overflow:hidden}.site-nav{gap:22px;height:42px}.hero{border-radius:13px;height:250px;margin-top:15px}.hero-copy{max-width:270px;margin-left:25px}.hero h1{font-size:25px}.hero p{font-size:12px;line-height:1.5}.hero-art{opacity:.42;inset:0 0 0 40%}.hero-art-code{font-size:82px;top:20px;right:1%}.hero-art-panel{right:-100px}.hero-art-ring{right:-25px}.hero-art-motif{display:none}.hero-arrow{width:24px;height:24px;font-size:19px}.hero-prev{left:3px}.hero-next{right:3px}.discover{padding-top:32px}.discover h2{font-size:25px}.search-box{height:49px}.search-box button{height:36px}.categories{justify-content:space-between;gap:7px;margin-bottom:24px}.category-icon{border-radius:13px;width:52px;height:52px}.category-icon svg{width:25px;height:25px}.categories a{gap:6px;font-size:11px}.filters{gap:9px;margin-bottom:35px}.filter-group{gap:4px}.filter-group:not(:last-child){border:0;padding-right:0}.filter-group button{padding:6px 9px;font-size:11px}.section-head h2{font-size:21px}.section-head p{font-size:12px}.section-more{font-size:11px}.post-grid,.portfolio-grid,.related .post-grid{grid-template-columns:1fr;gap:14px}.content-section{padding-bottom:38px}.post-card{grid-template-columns:42% 1fr;min-height:145px;display:grid}.card-media{aspect-ratio:auto;height:100%}.thumb-terminal{width:38px;height:38px;font-size:19px;top:40px;left:14px}.thumb-word{font-size:16px;bottom:15px;left:14px}.card-copy{padding:12px}.card-copy h3{min-height:0;font-size:14px}.card-copy p{font-size:11px}.card-meta{font-size:9px}.portfolio-card{display:block}.portfolio-copy p{min-height:0}.listing-page{padding-top:32px}.page-title h1,.auth-heading h1{font-size:30px}.auth-page{padding-top:32px}.auth-card{padding:23px}.profile-panel dl{grid-template-columns:1fr}.article{padding-top:27px}.article-summary{font-size:16px}}@media (width<=390px){.brand small{display:none}.brand strong{font-size:13px}.header-actions .text-button{padding:6px 2px}.categories a{font-size:10px}.category-icon{width:49px;height:49px}.hero h1{font-size:23px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}#google-button{justify-content:center;width:100%;display:flex;overflow:hidden}.cli-guides{margin:32px 0 44px}.cli-guides .section-head{margin-bottom:18px}.cli-guides .portfolio-grid{align-items:stretch}.guide-card{min-width:0}.guide-card .portfolio-media{aspect-ratio:16/10}.guide-card .portfolio-copy{flex-direction:column;min-height:190px;display:flex}.guide-card .portfolio-copy p{flex:1}.cli-posts{border-top:1px solid var(--line);padding-top:31px}.cli-empty{margin:0 0 28px}.guide-card:hover{border-color:var(--blue);box-shadow:var(--shadow)}@media (width<=620px){.cli-guides{margin:24px 0 32px}.guide-card .portfolio-copy{min-height:0}.cli-posts{padding-top:24px}}.ci-graphics{color:#176d73;background:#dff3f2}.graphics-page{min-width:0}.graphics-section{margin-top:36px}.graphics-section .section-head{margin-bottom:20px}.graphics-grid .graphics-card{min-width:0}.graphics-grid .portfolio-copy{flex-direction:column;min-height:190px;display:flex}.graphics-grid .portfolio-copy p{flex:1}.graphics-card .portfolio-copy h3,.graphics-card .portfolio-copy p,.graphics-card .portfolio-fallback strong{overflow-wrap:anywhere}.graphics-card:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media (width<=620px){.categories{flex-wrap:wrap}.graphics-section{margin-top:28px}.graphics-grid .portfolio-copy{min-height:0}}.portfolio-title-row{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.portfolio-quote-button{flex:none;min-height:42px;padding:0 20px}.portfolio-quote-item{flex-direction:column;min-width:0;display:flex}.portfolio-quote-item .portfolio-card{flex:1}.portfolio-quote-link{color:var(--blue);text-underline-offset:3px;align-self:flex-end;margin-bottom:10px;font-size:13px;font-weight:750;text-decoration:underline}.quote-page{max-width:760px;min-height:65vh;padding-top:44px;padding-bottom:70px}.quote-panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-top:28px;padding:clamp(22px,4vw,36px)}.quote-price{background:var(--soft);border-radius:10px;flex-direction:column;gap:5px;margin-bottom:27px;padding:21px 23px;display:flex}.quote-price span{color:var(--muted);font-size:13px;font-weight:700}.quote-price strong{letter-spacing:-.025em;color:var(--ink);font-size:clamp(23px,4vw,31px)}.quote-price small{white-space:nowrap;font-size:.55em}.quote-panel form{gap:18px;display:grid}.quote-panel label{color:var(--ink);gap:7px;font-size:14px;font-weight:700;display:grid}.quote-panel input,.quote-panel textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;color:var(--ink);font:inherit;border-radius:8px;padding:12px 13px;font-weight:400}.quote-panel textarea{resize:vertical;min-height:130px;line-height:1.6}.quote-panel .primary-button{border-radius:8px;min-height:46px;font-weight:750}.quote-panel .primary-button:disabled{opacity:.65;cursor:default}.quote-site{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:13px}.quote-site strong{color:var(--ink)}.quote-success{background:var(--chip);color:var(--blue);border-radius:8px;margin:0;padding:12px 14px;font-weight:700}.quote-success[hidden]{display:none}@media (width<=620px){.portfolio-title-row{flex-direction:column;gap:15px}.portfolio-quote-button{align-self:flex-start}.quote-page{padding-top:32px}.quote-panel{margin-top:22px}.quote-price{padding:18px}.quote-price strong{font-size:24px}}:root[data-theme=dark] .primary-button{background:var(--blue);border-color:var(--blue);color:#071e4b}:root[data-theme=dark] .primary-button:hover{color:#071e4b;background:#a9c6ff;border-color:#a9c6ff}:root[data-theme=dark] .primary-button:focus-visible{outline-offset:3px;outline:3px solid #ffd27a}.ci-python{color:#2356a7;background:#e3eeff}.ci-lecture{color:#8b5c14;background:#fff0d6}.lecture-page,.python-page{--muted:#586b87;min-width:0;padding-top:28px;padding-bottom:82px}:root[data-theme=dark] .lecture-page,:root[data-theme=dark] .python-page{--muted:#acbbd3}.lecture-hero{color:#fff;background:linear-gradient(112deg,#081a3e 0%,#102d65 68%,#1f5192 100%);border-radius:18px;align-items:center;min-height:460px;padding:clamp(30px,6vw,72px);display:flex;position:relative;overflow:hidden}.lecture-hero-copy{z-index:1;max-width:680px;position:relative}.lecture-kicker{color:#b9d3ff;letter-spacing:.02em;font-size:13px;font-weight:700;display:block}.lecture-title{color:#cbdcf8;margin:10px 0 4px;font-size:16px;font-weight:700}.lecture-hero h1{letter-spacing:-.035em;word-break:keep-all;margin:0 0 19px;font-size:clamp(36px,5.1vw,68px);line-height:1.13}.lecture-lead{color:#e2ebfc;max-width:610px;margin:0 0 26px;font-size:17px;line-height:1.8}.lecture-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lecture-actions .primary-button,.lecture-actions .outline-button{min-height:50px;padding:0 22px}.lecture-apply{color:#0b1f4b;background:#fff}.lecture-apply:hover{background:#e8f1ff}.lecture-apply:disabled{color:#263b5e;cursor:default;background:#c8d4e7;border-color:#c8d4e7}.lecture-call{color:#fff;background:0 0;border-color:#b8cbed}.lecture-call:hover{background:#ffffff18}.lecture-hero-art{pointer-events:none;opacity:.42;place-items:center;width:35%;display:grid;position:absolute;top:0;bottom:0;right:-40px}.lecture-hero-art>span{letter-spacing:-.09em;color:#a4c9ff;font-size:clamp(150px,21vw,320px);font-weight:900;line-height:1}.lecture-hero-art i{background:#a4c9ff;border-radius:50%;width:14px;height:14px;display:block;position:absolute;box-shadow:0 0 0 8px #a4c9ff2a}.lecture-hero-art i:first-of-type{top:18%;left:12%}.lecture-hero-art i:nth-of-type(2){bottom:15%;left:30%}.lecture-hero-art i:nth-of-type(3){top:30%;right:12%}.lecture-video{min-width:0;margin:32px 0 26px}.lecture-video-copy{max-width:780px;margin-bottom:20px}.lecture-video-copy h2{letter-spacing:-.03em;margin:0 0 10px;font-size:clamp(25px,3vw,34px);line-height:1.25}.lecture-video-copy p{color:var(--muted);margin:0;font-size:15px;line-height:1.75}.lecture-video-frame{aspect-ratio:16/9;border:1px solid var(--line);background:#081a3e;border-radius:14px;width:100%;overflow:hidden}.lecture-video-frame iframe{border:0;width:100%;height:100%;display:block}.lecture-video-caption{color:var(--muted);margin:11px 0 0;font-size:13px;line-height:1.6}.lecture-facts{margin:20px 0 72px}.lecture-facts dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;display:grid}.lecture-fact{background:var(--soft);border:1px solid var(--line);border-radius:12px;min-width:0;min-height:135px;padding:24px 19px}.lecture-fact dt{color:var(--muted);margin-bottom:14px;font-size:13px;font-weight:700}.lecture-fact dd{color:var(--ink);word-break:keep-all;margin:0;font-size:clamp(17px,2vw,23px);font-weight:800;line-height:1.35}.lecture-fact p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.5}.lecture-section{margin:0 0 76px}.lecture-section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;margin-bottom:25px;padding-bottom:14px;display:flex}.lecture-section-head h2,.lecture-final h2{letter-spacing:-.03em;margin:0;font-size:clamp(25px,3vw,34px);line-height:1.24}.lecture-point-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.lecture-point{border-top:3px solid var(--blue);padding:0 9px 0 0}.lecture-point>span{color:var(--blue);margin:19px 0 13px;font-size:14px;font-weight:800;display:block}.lecture-point h3{letter-spacing:-.02em;word-break:keep-all;margin:0 0 10px;font-size:20px;line-height:1.35}.lecture-point p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.lecture-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.lecture-tool{background:var(--surface);border:1px solid var(--line);border-radius:13px;min-width:0;overflow:hidden}.lecture-media{aspect-ratio:16/10;color:#fff;text-align:left;background:#102e61;border:0;border-radius:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.lecture-media img{object-fit:cover;width:100%;height:100%;display:block}.lecture-media-button:hover img{transform:scale(1.035)}.lecture-media-button img{transition:transform .25s}.lecture-zoom{color:#fff;background:#081a3ecb;border-radius:50%;place-items:center;width:34px;height:34px;font-size:23px;line-height:1;display:grid;position:absolute;bottom:12px;right:12px}.lecture-media-placeholder{background:linear-gradient(135deg,#102d65,#1a4a80);justify-content:center;align-items:center;display:flex}.lecture-placeholder-icon{opacity:.48}.lecture-placeholder-icon svg{stroke-width:1.3px;width:72px;height:72px}.lecture-placeholder-number{color:#d2e4ff;letter-spacing:-.04em;font-size:30px;font-weight:800;position:absolute;bottom:10px;right:17px}.lecture-tool-copy{padding:20px}.lecture-tool-copy>span{color:var(--blue);font-size:12px;font-weight:800}.lecture-tool-copy h3{letter-spacing:-.02em;margin:5px 0 9px;font-size:22px}.lecture-tool-copy p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.lecture-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.lecture-example{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:43% minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.lecture-example .lecture-media{aspect-ratio:auto;height:100%;min-height:230px}.lecture-example-copy{padding:21px 20px}.lecture-example-number{color:var(--blue);margin-bottom:10px;font-size:13px;font-weight:800;display:block}.lecture-example h3{letter-spacing:-.02em;word-break:keep-all;margin:0 0 10px;font-size:19px;line-height:1.35}.lecture-example p{color:var(--ink);margin:0 0 14px;font-size:13px;line-height:1.65}.lecture-example small{color:var(--muted);font-size:12px;line-height:1.5;display:block}.lecture-final{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:45px;padding-top:30px;display:grid}.lecture-prepare ul{margin:25px 0 0;padding:0;list-style:none}.lecture-prepare li{border-bottom:1px solid var(--line);padding:12px 0 12px 26px;line-height:1.6;position:relative}.lecture-prepare li:before{content:"✓";color:var(--blue);font-weight:900;position:absolute;left:0}.lecture-schedule ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:25px 0 14px;padding:0;list-style:none;display:grid}.lecture-schedule li{background:var(--soft);border-radius:8px;justify-content:space-between;gap:10px;padding:14px;font-size:14px;line-height:1.5;display:flex}.lecture-schedule li strong{color:var(--ink)}.lecture-schedule li span{color:var(--muted);text-align:right}.lecture-schedule>p{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.7}.lecture-schedule .lecture-call{border-color:var(--blue);color:var(--blue)}.lecture-schedule .lecture-apply:not(:disabled){background:var(--navy);color:#fff}.lecture-made-by{background:var(--navy);color:#fff;border-radius:11px;padding:27px 32px}.lecture-made-by p{max-width:820px;margin:0;font-size:15px;line-height:1.75}.lecture-lightbox{background:var(--surface);width:min(1000px,100% - 24px);max-height:calc(100vh - 40px);color:var(--ink);border:0;border-radius:12px;padding:42px 18px 18px}.lecture-lightbox::backdrop{background:#06172de8}.lecture-lightbox img{object-fit:contain;max-width:100%;max-height:calc(100vh - 145px);margin:auto;display:block}.lecture-lightbox p{text-align:center;margin:12px 0 0;font-weight:700}.lecture-lightbox-close{color:var(--ink);background:0 0;border:0;width:40px;height:40px;font-size:30px;position:absolute;top:4px;right:8px}.python-hero{background:var(--soft);border-radius:17px;grid-template-columns:1fr 1fr;align-items:center;gap:38px;min-height:480px;padding:42px;display:grid}.python-copy h1{letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(34px,4vw,52px)}.python-copy>p{color:var(--muted);margin:0 0 23px;font-size:16px;line-height:1.8}.python-link{min-height:50px;margin-top:27px;padding:0 24px}.python-preview{aspect-ratio:16/10;min-width:0;box-shadow:var(--shadow);background:#0b1f4b;border-radius:12px;position:relative;overflow:hidden}.python-preview>img{object-fit:cover;width:100%;height:100%;display:block}.python-details{grid-template-columns:1.25fr 1fr;gap:38px;padding:49px 0;display:grid}.python-levels{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:12px;display:grid}.python-levels>div{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:18px;display:flex}.python-levels strong{color:var(--blue);font-size:35px;line-height:1.1}.python-levels span{color:var(--muted);margin-top:9px;font-size:13px}.python-details ul{color:var(--ink);align-content:center;gap:11px;margin:0;padding-left:20px;line-height:1.6;display:grid}@media (width<=900px){.lecture-facts dl,.lecture-point-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lecture-example-grid,.lecture-final{grid-template-columns:1fr}.python-hero{gap:24px;padding:28px}.python-details{grid-template-columns:1fr}}@media (width<=620px){.site-nav{overscroll-behavior-inline:contain}.categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 7px;display:grid}.categories a{min-width:0}.lecture-page,.python-page{padding-top:15px;padding-bottom:55px}.lecture-hero{border-radius:13px;min-height:0;padding:36px 25px 42px}.lecture-hero-art{opacity:.2;width:60%;right:-50px}.lecture-hero h1{font-size:clamp(34px,9vw,45px)}.lecture-lead{font-size:14px;line-height:1.72}.lecture-actions{flex-direction:column;align-items:stretch}.lecture-actions a,.lecture-actions button{width:100%}.lecture-video{margin:24px 0 22px}.lecture-video-copy{margin-bottom:15px}.lecture-video-copy p{font-size:14px}.lecture-video-frame{border-radius:10px}.lecture-facts{margin:12px 0 52px}.lecture-facts dl{gap:8px}.lecture-fact{min-height:0;padding:18px 14px}.lecture-fact dd{font-size:17px}.lecture-section{margin-bottom:52px}.lecture-point-grid{gap:23px 14px}.lecture-point h3{font-size:17px}.lecture-point p{font-size:13px}.lecture-tool-grid{grid-template-columns:1fr;gap:13px}.lecture-example{grid-template-columns:1fr}.lecture-example .lecture-media{aspect-ratio:16/9;height:auto;min-height:0}.lecture-example-copy{padding:19px}.lecture-final{gap:40px}.lecture-schedule ol{grid-template-columns:1fr}.lecture-schedule li{font-size:13px}.lecture-made-by{padding:23px}.lecture-made-by p{font-size:13px}.python-hero{grid-template-columns:1fr;gap:24px;padding:24px}.python-copy>p{font-size:14px}.python-preview{order:-1}.python-details{gap:25px;padding:30px 0}.python-levels strong{font-size:27px}.python-levels span{font-size:11px}}.ci-students{color:#435fa8;background:#e3eafe}.student-grid{margin-top:30px}.student-card{min-width:0}.student-card .portfolio-media{aspect-ratio:8/5}.student-card .portfolio-copy{flex-direction:column;align-items:flex-start;display:flex}.student-card .portfolio-copy p{min-height:0}.student-byline{font-size:12px;font-weight:700;color:var(--ink)!important;margin-bottom:12px!important}.student-award{color:#8a5d12;background:#fff2cf;border-radius:6px;margin:0 0 12px;padding:6px 9px;font-size:11px;font-weight:800;line-height:1.45;display:inline-flex}.student-note{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.6;display:block}.student-link{color:var(--blue);margin-top:17px;font-size:13px;font-weight:800;display:inline-flex}.content-section .student-card .portfolio-copy p:nth-of-type(2){min-height:42px}.cli-video{max-width:820px;margin:25px 0 45px}.cli-video h2{letter-spacing:-.03em;margin-bottom:15px;font-size:24px}.cli-video-frame{aspect-ratio:16/9;background:#0c1c39;border-radius:13px;overflow:hidden}.cli-video-frame iframe{border:0;width:100%;height:100%;display:block}.cli-video>p{color:var(--muted);margin:14px 0 5px;font-size:14px;line-height:1.75}.cli-video>small{color:var(--muted);font-size:12px}.lecture-art-sun{background:linear-gradient(135deg,#ffe9a8,#ffbd79);border-radius:50%;width:122px;height:122px;position:absolute;top:23%;right:17%;box-shadow:0 20px 55px #ffcf8e55}.lecture-art-card{background:linear-gradient(145deg,#ffffffc9,#c6dcff99);border:1px solid #fff7;border-radius:17px;width:174px;height:115px;position:absolute;bottom:19%;right:9%;transform:rotate(-9deg);box-shadow:0 18px 42px #1025524a}.lecture-art-spark{color:#ffe8ac;font-size:35px;position:absolute;top:20%;right:39%}.lecture-recommend>ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.lecture-recommend li{background:var(--soft);border-radius:12px;min-width:0;padding:20px;font-size:14px;line-height:1.65}.lecture-recommend li:before{content:"✓";color:var(--blue);margin-bottom:9px;font-weight:900;display:block}.lecture-step-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.lecture-step{border:1px solid var(--line);background:var(--surface);border-radius:13px;min-width:0;overflow:hidden}.lecture-step .lecture-media{aspect-ratio:16/9}.lecture-step-copy{padding:19px 21px 22px}.lecture-step-copy>span{background:var(--chip);width:32px;height:32px;color:var(--blue);border-radius:50%;place-items:center;margin-bottom:11px;font-size:12px;font-weight:850;display:inline-grid}.lecture-step-copy h3{letter-spacing:-.02em;word-break:keep-all;margin:0 0 8px;font-size:19px;line-height:1.45}.lecture-step-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}@media (width<=900px){.lecture-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lecture-recommend>ul{grid-template-columns:1fr}}@media (width<=620px){.student-grid{grid-template-columns:1fr}.student-card .portfolio-copy{padding:17px}.content-section .student-card .portfolio-copy p:nth-of-type(2){min-height:0}.cli-video{margin:18px 0 36px}.cli-video h2{font-size:21px}.lecture-art-sun{width:92px;height:92px;top:23%;right:8%}.lecture-art-card{width:125px;height:84px;bottom:20%;right:2%}.lecture-art-spark{font-size:25px;right:33%}.lecture-recommend>ul{gap:9px}.lecture-recommend li{padding:16px;font-size:13px}.lecture-step-grid{grid-template-columns:1fr;gap:13px}.lecture-step-copy{padding:16px}.lecture-step-copy h3{font-size:17px}}.academy-page{padding-top:32px;padding-bottom:72px}.academy-hero{color:#fff;background:linear-gradient(118deg,#0b1f4b 0%,#12396b 68%,#1a6590 100%);border-radius:18px;padding:42px clamp(23px,5vw,58px)}.academy-area{color:#b8d7ff;margin:0 0 11px;font-size:13px;font-weight:750;display:block}.academy-hero h1{letter-spacing:-.04em;word-break:keep-all;max-width:780px;margin:0 0 15px;font-size:clamp(29px,4.2vw,46px);line-height:1.2}.academy-direct{color:#e0ebfb;word-break:keep-all;max-width:780px;margin:0;font-size:16px;line-height:1.8}.academy-contact{grid-template-columns:1fr 1fr;gap:12px;margin-top:25px;display:grid}.academy-contact p{background:#071a3970;border:1px solid #ffffff45;border-radius:9px;align-items:flex-start;gap:12px;margin:0;padding:14px 16px;font-size:13px;line-height:1.55;display:flex}.academy-contact strong{color:#b8d7ff;flex:none}.academy-contact a{color:#fff;text-underline-offset:3px;text-decoration:underline}.academy-section{margin-top:46px}.academy-section>h2{letter-spacing:-.03em;margin:0 0 17px;font-size:clamp(22px,2.8vw,29px)}.academy-facts{border-collapse:collapse;border-top:1px solid var(--line);width:100%;margin:0}.academy-facts tr{border-bottom:1px solid var(--line)}.academy-facts th,.academy-facts td{text-align:left;vertical-align:top;padding:15px 12px;line-height:1.65}.academy-facts th{width:25%;color:var(--muted);font-size:13px;font-weight:750}.academy-facts td{overflow-wrap:anywhere;font-size:14px}.academy-facts a{color:var(--blue);font-weight:750}.academy-course-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.academy-course{border-left:3px solid var(--blue);background:var(--soft);padding:20px 21px}.academy-course>p{color:var(--blue);margin:0 0 7px;font-size:12px;font-weight:800}.academy-course h3{word-break:keep-all;margin:0 0 8px;font-size:17px;line-height:1.45}.academy-course>div{color:var(--muted);font-size:13px;line-height:1.75}.academy-awards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:0;padding:0;list-style:none;display:grid}.academy-awards li{border-bottom:1px solid var(--line);padding:11px 0 11px 23px;font-size:14px;line-height:1.65;position:relative}.academy-awards li:before{content:"◆";color:var(--blue);font-size:10px;position:absolute;top:14px;left:0}.academy-faq{border-top:1px solid var(--line)}.academy-faq article{border-bottom:1px solid var(--line);padding:19px 0}.academy-faq h3{word-break:keep-all;margin:0 0 7px;font-size:16px;line-height:1.5}.academy-faq p{color:var(--muted);word-break:keep-all;margin:0;font-size:14px;line-height:1.75}.academy-outbound,.academy-hub-links{flex-wrap:wrap;gap:9px;display:flex}.academy-outbound a,.academy-hub-links a{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--blue);border-radius:8px;align-items:center;padding:0 14px;font-size:13px;font-weight:750;display:inline-flex}.academy-hub-links{margin-top:12px}.noscript-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px;padding:22px 20px;font-size:13px;display:flex}.noscript-footer a{color:var(--blue);font-weight:750}.noscript-content{padding-top:32px;padding-bottom:48px;line-height:1.75}.noscript-content h1{letter-spacing:-.035em;font-size:clamp(29px,4vw,42px);line-height:1.25}.noscript-content li{margin:0 0 15px}.noscript-content h2{margin:10px 0 3px;font-size:18px}.noscript-content p,.noscript-content dd{color:var(--muted)}@media (width<=720px){.academy-page{padding-top:18px;padding-bottom:54px}.academy-hero{border-radius:13px;padding:27px 22px 23px}.academy-hero h1{margin-bottom:11px;font-size:clamp(27px,8vw,35px)}.academy-direct{font-size:14px;line-height:1.72}.academy-contact{grid-template-columns:1fr;gap:8px;margin-top:17px}.academy-contact p{padding:11px 12px;font-size:12px}.academy-section{margin-top:35px}.academy-facts th,.academy-facts td{padding:12px 5px}.academy-facts th{width:94px;font-size:12px}.academy-facts td{font-size:13px}.academy-course-list{grid-template-columns:1fr;gap:9px}.academy-course{padding:16px}.academy-course h3{font-size:16px}.academy-course>div{font-size:13px}.academy-awards{grid-template-columns:1fr;gap:0}.academy-faq article{padding:16px 0}.academy-faq h3{font-size:15px}.academy-faq p{font-size:13px}.academy-outbound a,.academy-hub-links a{min-height:40px;padding-inline:11px;font-size:12px}}