/* PARTH SKILLS — AI Website Development course */
:root{--shell:min(1280px,calc(100% - 64px))}
.announcement button{padding:0;border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:7px;font-size:.74rem;font-weight:800}.announcement button .icon{transition:transform .2s}.announcement button:hover .icon{transform:translateX(4px)}
.web-hero{min-height:790px;background:radial-gradient(circle at 87% 18%,rgba(36,133,229,.14),transparent 27%),linear-gradient(120deg,#fff8f3 0,#fff 41%,#eaf5ff 100%)}
.web-hero .hero-copy{max-width:660px}.web-hero .hero-layout{grid-template-columns:1.02fr .98fr;gap:52px}.web-hero .hero h1{font-size:clamp(3rem,4.8vw,4.85rem)}
.hero-summary{max-width:620px;margin:-14px 0 26px;color:#73879c;font-size:.77rem;line-height:1.65}.web-hero .hero-proofs{margin-top:22px}
.web-studio{position:relative;padding-bottom:16px;border:1px solid rgba(33,119,203,.42);border-radius:26px;background:radial-gradient(circle at 80% 7%,rgba(54,153,248,.23),transparent 35%),linear-gradient(145deg,#061a39,#0a3769);box-shadow:var(--shadow-lg);transform:perspective(1200px) rotateY(-1deg);animation:studioFloat 6s ease-in-out infinite}
.web-toolbar{display:flex;gap:7px;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.web-toolbar span,.web-toolbar strong{padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.07);color:#a9c5df;display:flex;align-items:center;gap:5px;font-size:.52rem}.web-toolbar strong{margin-left:auto;background:var(--blue);color:#fff}
.web-canvas{display:grid;grid-template-columns:88px 1fr;min-height:390px;margin:0 14px 11px;border-radius:15px;overflow:hidden;background:#f6f9fd}.web-canvas>aside{padding:13px 9px;background:#fff;border-right:1px solid #dce8f4;display:flex;flex-direction:column;gap:7px}.web-canvas aside b{margin-bottom:4px;color:#7a8da1;font-size:.49rem;text-transform:uppercase}.web-canvas aside span,.web-canvas aside button{padding:6px 7px;border:0;border-radius:6px;background:transparent;color:#60788f;text-align:left;font-size:.49rem}.web-canvas aside .active{background:#eaf4ff;color:var(--blue);font-weight:900}.web-canvas aside button{margin-top:auto;border:1px dashed #bdd4ea;color:var(--blue)}
.canvas-main{padding:10px}.browser-bar{height:28px;padding:0 9px;border:1px solid #dce7f2;border-bottom:0;border-radius:10px 10px 0 0;background:#fff;display:flex;align-items:center;gap:4px}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#fb755b}.browser-bar i:nth-child(2){background:#ffc15c}.browser-bar i:nth-child(3){background:#48c99d}.browser-bar span{margin-left:8px;padding:2px 10px;border-radius:99px;background:#f2f6fa;color:#7690aa;font-size:.43rem}
.mini-site{min-height:320px;border:1px solid #dce7f2;border-radius:0 0 10px 10px;background:#fff;overflow:hidden}.mini-site nav{height:34px;padding:0 12px;display:flex;align-items:center;color:#223c5c;font-size:.44rem}.mini-site nav b{margin-right:auto}.mini-site nav i{width:20px;height:7px;margin-left:8px;border-radius:4px;background:var(--blue)}
.mini-hero{position:relative;min-height:210px;padding:36px 20px;background:linear-gradient(135deg,#f8fbff,#edf6ff);overflow:hidden}.mini-hero small{color:var(--orange);font-size:.38rem;font-weight:900;letter-spacing:.08em}.mini-hero h3{max-width:210px;margin:7px 0;color:var(--navy);font-size:1.15rem;line-height:1.08}.mini-hero p{width:42%;height:5px;margin:5px 0;border-radius:9px;background:#cbdced}.mini-hero p:nth-of-type(2){width:34%}.mini-hero button{margin-top:14px;padding:7px 12px;border:0;border-radius:6px;background:var(--blue);color:#fff;font-size:.42rem;font-weight:800}.mini-orbit{position:absolute;right:23px;top:50px;width:105px;height:105px;border:1px solid #b9d7f4;border-radius:50%;display:grid;place-items:center;color:var(--blue);box-shadow:0 0 0 18px rgba(41,135,225,.05),0 0 0 38px rgba(41,135,225,.035)}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px}.mini-cards i{height:42px;border:1px solid #dde8f3;border-radius:7px;background:linear-gradient(145deg,#fff,#f3f8fd)}
.code-review{margin:0 14px;padding:10px 12px;border:1px solid rgba(188,219,246,.25);border-radius:12px;background:rgba(255,255,255,.07);color:#d8e8f8;display:flex;align-items:center;gap:9px}.code-review>span{display:flex;gap:3px}.code-review>span i{width:5px;height:5px;border-radius:50%;background:#55d2a8}.code-review>div{display:grid}.code-review b{font-size:.59rem}.code-review small{color:#91afcc;font-size:.46rem}.code-review strong{margin-left:auto;padding:5px 7px;border-radius:6px;background:rgba(68,199,156,.12);color:#7ce2bf;display:flex;align-items:center;gap:4px;font-size:.46rem}
.web-studio .fc-one{right:-16px;top:122px}.web-studio .fc-two{left:28px;bottom:-18px}
.outcome-grid article{min-height:245px}.question-board article{min-height:108px}.audience-grid article{min-height:230px}.audience-grid article p{min-height:80px}
.curriculum-section{background:linear-gradient(180deg,#fff,#f7fbff)}.web-projects{grid-template-columns:repeat(2,1fr)}.web-projects .project-card{min-height:300px}.project-card small{display:block;min-height:59px;margin-top:13px;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:.65rem}.project-card strong{display:flex;align-items:center;gap:6px;margin-top:16px;color:var(--blue);font-size:.63rem}.project-card strong .icon{transition:transform .2s}.project-card:hover strong .icon{transform:translateX(4px)}
.workflow-section{background:radial-gradient(circle at 87% 12%,rgba(44,135,244,.22),transparent 31%),linear-gradient(135deg,#061a3a,#0a315f);color:#fff}.workflow-track{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.workflow-track article{position:relative;min-height:185px;padding:24px;border:1px solid rgba(190,218,244,.17);border-radius:18px;background:rgba(255,255,255,.07);transition:.25s}.workflow-track article:hover{transform:translateY(-5px);border-color:rgba(121,184,245,.48);background:rgba(255,255,255,.1)}.workflow-track article>span{color:var(--orange);font-size:.56rem;font-weight:900}.workflow-track article>i{position:absolute;right:20px;top:19px;width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.1);color:#85c3ff;display:grid;place-items:center}.workflow-track h3{margin:20px 0 6px;color:#fff;font-size:1.08rem}.workflow-track p{margin:0;color:#b9cee3;font-size:.73rem}
.tool-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tool-columns>article{padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-sm)}.tool-column-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.tool-column-head>span{width:58px;height:58px;border-radius:16px;background:linear-gradient(145deg,var(--blue),#0a4fa8);color:#fff;display:grid;place-items:center;font-size:1.45rem;font-weight:900;box-shadow:0 10px 25px rgba(18,104,216,.2)}.tool-column-head small{color:var(--orange);font-size:.52rem;font-weight:900;letter-spacing:.08em}.tool-column-head h3{margin:2px 0 0;font-size:1.1rem}.tool-row{display:grid;grid-template-columns:145px 1fr;gap:12px;padding:10px 0;border-bottom:1px dashed #dbe7f2}.tool-row:last-child{border-bottom:0}.tool-row b{font-size:.68rem}.tool-row p{margin:0;color:var(--muted);font-size:.66rem}.tool-note{max-width:980px;margin:18px auto 0;padding:15px 18px;border:1px solid #bdd9f3;border-radius:13px;background:#eef7ff;color:#58718a;display:flex;align-items:flex-start;gap:9px;font-size:.66rem}.tool-note .icon{flex:0 0 18px;margin-top:2px;color:var(--blue)}
.learning-track{grid-template-columns:repeat(4,1fr)}.learning-track li{min-height:170px;padding:22px}.learning-track li span{color:var(--orange);font-size:.58rem;font-weight:900}.learning-track li b{display:block;margin:11px 0 8px;font-size:.83rem}.learning-track li small{color:var(--blue);font-size:.58rem;font-weight:800}
.comparison-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-sm)}.comparison-table-wrap table{width:100%;min-width:820px;border-collapse:collapse}.comparison-table-wrap th,.comparison-table-wrap td{padding:18px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;font-size:.72rem}.comparison-table-wrap th{background:var(--navy);color:#fff;font-size:.66rem}.comparison-table-wrap th:nth-child(2){background:var(--blue)}.comparison-table-wrap td:nth-child(2){background:#f1f7ff;color:var(--navy);font-weight:750}.comparison-table-wrap tr:last-child td{border-bottom:0}.comparison-table-wrap td:last-child,.comparison-table-wrap th:last-child{border-right:0}
.web-price{margin:20px 0;padding:18px;border:1px solid #c7def3;border-radius:15px;background:linear-gradient(135deg,#eff7ff,#fff);display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:12px}.web-price small{grid-column:1/-1;color:var(--muted);font-size:.61rem}.web-price del{color:#7e90a3;font-size:1rem}.web-price b{grid-column:1/-1;color:var(--blue);font-size:2.35rem;line-height:1}.web-price em{grid-column:1/-1;margin-top:7px;color:var(--orange);font-size:.62rem;font-style:normal;font-weight:900;text-transform:uppercase}
.cta-browser{width:250px;min-height:180px;border:1px solid #bfd9f2;border-radius:20px;background:#fff;box-shadow:var(--shadow-md);display:grid;place-items:center;align-content:center;text-align:center;overflow:hidden}.cta-browser>div{align-self:start;width:100%;padding:10px;display:flex;gap:4px;border-bottom:1px solid var(--line)}.cta-browser>div i{width:7px;height:7px;border-radius:50%;background:#fb755b}.cta-browser>div i:nth-child(2){background:#ffc15c}.cta-browser>div i:nth-child(3){background:#52cda5}.cta-browser>span{margin-top:19px;color:var(--blue)}.cta-browser b{margin-top:8px}.cta-browser small{color:var(--muted);font-size:.59rem}.final-card>div:first-child>small{display:block;margin-top:14px;color:#758aa0;font-size:.6rem}
.section-heading p,.section-heading.left p,.hero-lead{font-size:1rem}.outcome-grid p,.audience-grid p,.project-card p{font-size:.8rem;line-height:1.7}.outcome-grid h3,.audience-grid h3,.project-card h3{font-size:1.12rem}.module-heading b{font-size:1rem}.module-heading small,.module-panel-inner p,.topic-list li{font-size:.75rem}.faq-question{font-size:.8rem}.faq-answer p{font-size:.78rem;line-height:1.78}.desktop-nav>a,.nav-group>button,.button{font-size:.82rem}
@media(min-width:1500px){:root{--shell:min(1380px,calc(100% - 96px))}body{font-size:18px}.web-hero{min-height:840px}.hero h1{font-size:5rem}.section{padding-block:110px}}
@media(max-width:1100px){.web-hero .hero-layout{grid-template-columns:1fr}.web-hero .hero-copy{max-width:820px}.web-studio{max-width:780px;margin:20px auto 0}.workflow-track{grid-template-columns:repeat(2,1fr)}.tool-row{grid-template-columns:120px 1fr}}
@media(max-width:960px){.web-projects,.tool-columns{grid-template-columns:1fr}.learning-track{grid-template-columns:repeat(2,1fr)}.audience-grid{grid-template-columns:repeat(2,1fr)}.audience-grid article p{min-height:auto}}
@media(max-width:700px){:root{--shell:calc(100% - 28px)}.web-hero{min-height:auto}.web-hero .hero h1{font-size:2.72rem}.hero-summary{font-size:.72rem}.web-studio{animation:none;transform:none}.web-toolbar span:nth-child(2){display:none}.web-canvas{grid-template-columns:61px 1fr;margin-inline:8px}.web-canvas>aside{padding-inline:5px}.web-canvas aside span,.web-canvas aside button{padding-inline:4px}.canvas-main{padding:6px}.mini-orbit{width:76px;height:76px;right:13px;top:65px}.mini-hero h3{max-width:150px;font-size:.9rem}.mini-site nav span{display:none}.code-review{margin-inline:8px}.code-review strong{display:none}.web-studio .fc-one{right:5px}.web-studio .fc-two{left:12px}.workflow-track,.learning-track,.audience-grid{grid-template-columns:1fr}.workflow-track article{min-height:auto}.tool-columns>article{padding:21px 17px}.tool-row{grid-template-columns:1fr;gap:2px}.web-projects .project-card{min-height:auto}.comparison-table-wrap{border-radius:14px}.cta-browser{display:none}.section-heading p,.section-heading.left p,.hero-lead{font-size:.88rem}}
@media(prefers-reduced-motion:reduce){.web-studio,.float-card{animation:none!important}}