/* Brefat Plus 2026 — minimalist creator portfolio extensions */
.main-nav{gap:16px}
.footer-bottom a{font-weight:900;color:var(--purple)}
.gradient-purple{background:linear-gradient(120deg,#8a55df,#bd91ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.section-focus{padding-top:80px;padding-bottom:60px}
.focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.focus-card{display:flex;flex-direction:column;align-items:flex-start;min-height:296px;padding:25px 27px 24px;border:1px solid #e9e1ef;background:#fff;border-radius:25px;box-shadow:0 12px 30px #3a24560a;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}
.focus-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#9467df;opacity:.8}
.focus-card:hover{transform:translateY(-7px);box-shadow:0 24px 48px #2e1c4e19;border-color:#c4b4df}
.focus-sac:before{background:#58b5c3}.focus-data:before{background:#c79a60}
.focus-index{font:800 10px/1.4 'DM Sans',sans-serif;color:#888199;direction:ltr;letter-spacing:1.25px}
.focus-icon{width:55px;height:55px;display:grid;place-items:center;background:#f0e6ff;color:var(--purple);border-radius:17px;font:800 23px/1 'DM Sans',sans-serif;direction:ltr;margin-top:20px}
.focus-sac .focus-icon{background:#e7f8fa;color:#25869a}.focus-data .focus-icon{background:#fff2df;color:#a77c38}
.focus-card h3{font:800 23px/1.35 'DM Sans',sans-serif;direction:ltr;margin:19px 0 10px}
.focus-card p{font-size:13px;color:#767082;margin:0 0 22px;line-height:1.95;min-height:55px}
.focus-action{color:#744ab5;font-size:12px;font-weight:900;margin-top:auto;display:flex;justify-content:space-between;align-items:center;width:100%}
.focus-action span{font:800 22px/1 'DM Sans'}
.content-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:22px}
.explore-card{border-radius:25px;min-height:225px;padding:26px 30px;background:#f4f0ff;border:1px solid #ded5f1;position:relative;display:flex;flex-direction:column;align-items:flex-start;isolation:isolate;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.explore-card:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:#a285eb24;left:-55px;bottom:-100px;z-index:-1}
.explore-card:hover{transform:translateY(-5px);box-shadow:0 17px 40px #3015471b;border-color:#bfabe3}
.explore-assembly{background:#eff9f7;border-color:#cfe7e2}.explore-assembly:after{background:#63bfa028}
.explore-icon{display:grid;place-items:center;height:40px;min-width:40px;padding:0 7px;border-radius:12px;background:#fff;font:900 16px 'DM Sans',sans-serif;color:#8053d8;box-shadow:0 4px 15px #38215a0c;direction:ltr}
.explore-label{font:800 10px 'DM Sans',sans-serif;letter-spacing:1.5px;color:#8a75aa;margin:17px 0 1px;direction:ltr}
.explore-card h3{font:800 26px 'DM Sans',sans-serif;direction:ltr;margin:0 0 3px}
.explore-card p{font-size:13px;color:#787082;margin:0 0 11px}
.explore-arrow{margin-top:auto;color:var(--purple);font-size:12px;font-weight:900}
.course-proof{display:flex;flex-wrap:wrap;gap:8px 17px;margin-top:24px;color:#ded0f5;font-size:12px}
.course-proof span{padding:4px 11px;border:1px solid #ffffff2d;background:#ffffff0b;border-radius:100px}
.section-free{background:#f5f1fa;position:relative;isolation:isolate}
.section-free:before{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;top:0;background:radial-gradient(ellipse at 10% 25%,#e6d5f45e,transparent 45%)}
.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.free-card{display:flex;flex-direction:column;padding:29px 27px 25px;border-radius:25px;border:1px solid #e4ddeb;background:white;min-height:312px;transition:transform .3s,box-shadow .3s,border-color .3s}
.free-card:hover{transform:translateY(-8px);box-shadow:0 18px 42px #45266a1a;border-color:#beabe4}
.free-card-top{display:flex;align-items:center;justify-content:space-between;direction:ltr}
.resource-symbol{width:57px;height:57px;background:#f1e8fb;color:#744bbd;border-radius:16px;display:grid;place-items:center;font:900 21px/1 'DM Sans',sans-serif;white-space:nowrap}
.free-card:nth-child(2) .resource-symbol{background:#e9f7f5;color:#249e89}.free-card:nth-child(3) .resource-symbol{background:#fff3e2;color:#b58a46}
.free-kind{color:#a18aaf;font:900 11px 'DM Sans',sans-serif;letter-spacing:1px}
.free-card h3{font:850 22px/1.4 'DM Sans',sans-serif;direction:ltr;text-align:left;margin:29px 0 10px;color:#24193b}
.free-card p{color:#786f85;font-size:13px;line-height:2;margin:0 0 18px}
.resource-cta{margin-top:auto;display:flex;align-items:center;gap:9px;font:800 12px 'DM Sans',sans-serif;direction:ltr;color:var(--purple)}
.resource-cta span{font-size:20px}
.resource-note{font-size:11px;color:#8b8390;margin:21px 0 0}
.inline-resource-note{display:flex;align-items:center;gap:18px;padding:21px 23px;background:#f6f0ff;border:1px solid #e2d5f7;border-radius:20px;margin-top:27px}
.resource-note-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:12px;background:#e5d6fc;color:var(--violet);font:900 24px 'DM Sans'}
.inline-resource-note strong{font:900 17px 'DM Sans';color:#34284b;direction:ltr;display:block;text-align:right}
.inline-resource-note p{font-size:12px;color:#776c83;margin:4px 0 0}
.inline-resource-note .text-link{margin-right:auto}
.resources-page{padding-top:48px}
.starter-section{padding-top:18px}
.starter-panel{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:38px;border:1px solid #ddd2ee;background:#fff;border-radius:28px;box-shadow:0 17px 35px #432c640b}
.starter-panel h2{margin:9px 0;font-size:27px}.starter-panel p{font-size:14px;color:#777081;margin:0}
.starter-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:1150px){.main-nav{gap:11px}.main-nav>a{font-size:12px}}
@media(max-width:950px){.focus-grid,.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-card:last-child,.free-card:last-child{grid-column:1/-1}.inline-resource-note{flex-wrap:wrap}}
@media(max-width:720px){.section-focus{padding-top:42px;padding-bottom:35px}.focus-grid,.resource-grid,.content-pair{grid-template-columns:1fr;gap:12px}.focus-card:last-child,.free-card:last-child{grid-column:auto}.focus-card{min-height:240px;padding:22px}.focus-icon{margin-top:15px}.focus-card h3{margin-top:12px}.focus-card p{min-height:0;margin-bottom:13px}.explore-card{padding:22px;min-height:208px}.free-card{min-height:270px;padding:24px}.free-card h3{margin-top:22px}.section-free{padding-top:64px;padding-bottom:65px}.inline-resource-note{display:grid;grid-template-columns:auto 1fr;gap:12px}.inline-resource-note .text-link{grid-column:1/-1;margin-right:0}.starter-panel{padding:25px;display:block}.starter-actions{margin-top:20px}.resource-grid .free-card{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.focus-card,.explore-card,.free-card{transition:none!important}}