/* Work Permit Guide — editorial, calm, student-first */
:root{--ink:#173f5f;--ink-soft:#31516b;--paper:#f6f5f0;--paper-deep:#e9e9df;--mint:#dcece5;--mint-strong:#2e8b70;--blue:#dce8f3;--coral:#f7d6c7;--coral-strong:#d65e43;--line:rgba(23,63,95,.16);--white:#fffdf8;--shadow:0 22px 70px rgba(23,63,95,.08);--radius:24px;--mono:'DM Mono',ui-monospace,SFMono-Regular,monospace;--sans:'Noto Sans TC','PingFang TC','Microsoft JhengHei',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.8;overflow-x:hidden}.site-noise{pointer-events:none;position:fixed;inset:0;z-index:10;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");mix-blend-mode:multiply}.section-shell{width:min(1160px,calc(100% - 64px));margin:0 auto}.site-header{height:84px;padding:0 max(32px,calc((100vw - 1160px)/2));display:flex;align-items:center;gap:42px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(246,245,240,.9);backdrop-filter:blur(16px)}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:11px;min-width:177px}.brand-mark{width:30px;height:30px;display:flex;align-items:flex-end;gap:3px;transform:rotate(-8deg)}.brand-mark span{display:block;width:7px;background:var(--mint-strong);border-radius:4px 4px 2px 2px}.brand-mark span:nth-child(1){height:16px}.brand-mark span:nth-child(2){height:25px;background:var(--ink)}.brand-mark span:nth-child(3){height:20px;background:var(--coral-strong)}.brand-name{font-family:var(--mono);font-size:15px;letter-spacing:-.8px;line-height:1;color:var(--ink)}.brand-name>span{color:var(--mint-strong)}.brand-name small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-soft);margin-top:5px}.main-nav{display:flex;align-items:center;gap:25px;flex:1}.main-nav a,.section-rail a{color:var(--ink-soft);text-decoration:none;font-size:13px;font-weight:600;transition:.2s ease}.main-nav a:hover,.main-nav a.active,.section-rail a.active{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:18px}.language-switcher{display:flex;gap:2px;background:var(--paper-deep);padding:3px;border-radius:999px}.lang-btn{border:0;background:transparent;color:var(--ink-soft);border-radius:999px;padding:5px 9px;font:500 10px var(--mono);cursor:pointer;transition:.2s}.lang-btn.active{background:var(--ink);color:var(--white)}.header-cta{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink);padding:3px 0}.arrow{font-size:16px;line-height:0}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:21px;height:1px;background:var(--ink);margin:5px}
.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:45px;padding-top:65px;padding-bottom:85px}.eyebrow,.section-index,.rail-label,.card-kicker,.rule-caption,.step-status,.fee-label,.stamp-label,.quote-tag{font:500 10px var(--mono);letter-spacing:1.35px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--mint-strong);margin-bottom:22px}.eyebrow-dot{width:7px;height:7px;background:var(--coral-strong);border-radius:50%;display:inline-block;box-shadow:0 0 0 5px rgba(214,94,67,.13)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(45px,6vw,78px);line-height:1.18;letter-spacing:-.065em;margin-bottom:27px;font-weight:800}h1 em,h2 em{font-style:normal;color:var(--mint-strong)}.hero-intro{max-width:445px;color:var(--ink-soft);font-size:16px;line-height:2;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;text-decoration:none;font-size:13px;font-weight:700;border-radius:999px;padding:13px 18px 13px 22px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(23,63,95,.14)}.button-primary{background:var(--ink);color:var(--white)}.button-light{background:var(--white);color:var(--ink)}.button-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--coral-strong);color:white;width:27px;height:27px;border-radius:50%;font-size:16px}.text-link{display:inline-flex;gap:8px;color:var(--ink);text-decoration:none;font-size:12px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:3px}.hero-meta{display:flex;align-items:center;gap:11px;margin-top:58px;color:#8c9ca6;font:10px var(--mono);letter-spacing:.6px}.meta-line{width:32px;height:1px;background:#aeb9ba}.hero-visual{min-height:460px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid rgba(46,139,112,.22);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:490px;height:300px}.orbit-two{width:365px;height:460px;border-color:rgba(214,94,67,.22);transform:rotate(35deg)}.hero-card{position:relative;z-index:2;border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card-main{width:292px;min-height:300px;padding:34px;background:var(--ink);color:var(--white);transform:rotate(-4deg)}.card-kicker{color:#a5cbbc;display:block;font-size:9px}.big-number{font:500 117px/.95 var(--mono);letter-spacing:-12px;margin:28px 0 9px;color:var(--white)}.big-number span{font:500 16px var(--mono);letter-spacing:0;color:#a5cbbc;margin-left:12px}.hero-card-main p{font-weight:700;font-size:14px;margin:0;color:#e9f3ee}.card-foot{border-top:1px solid rgba(255,255,255,.2);margin-top:27px;padding-top:14px;color:#b8cec6;font-size:10px;display:flex;align-items:center;gap:7px}.mini-pulse{width:7px;height:7px;background:var(--coral-strong);border-radius:50%}.hero-card-note{position:absolute;z-index:3;right:8%;bottom:22%;width:192px;padding:20px 18px;background:var(--coral);transform:rotate(6deg)}.note-icon{font-size:20px;color:var(--coral-strong)}.hero-card-note strong{display:block;font-size:13px;margin:8px 0 3px}.hero-card-note p{font:11px var(--mono);margin:0;color:var(--coral-strong)}.hero-stamp{position:absolute;z-index:3;top:12%;left:8%;width:115px;height:115px;display:flex;align-items:center;justify-content:center;transform:rotate(-12deg);color:var(--ink)}.stamp-ring{width:85px;height:85px;border:1px dashed var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;font-size:13px;line-height:1.35}.stamp-label{position:absolute;font-size:7px;line-height:1.3;text-align:center;transform:translateY(73px);color:var(--coral-strong)}.alert-band{min-height:91px;background:var(--coral);display:flex;align-items:center;gap:22px;padding:19px 29px;margin-bottom:100px}.alert-sign{width:39px;height:39px;border-radius:50%;background:var(--coral-strong);color:white;display:grid;place-items:center;font:500 20px var(--mono);flex-shrink:0}.alert-text{display:flex;flex-direction:column;flex:1}.alert-label{font:500 9px var(--mono);letter-spacing:1.4px;color:#a64d39}.alert-text strong{font-size:15px}.alert-link{font-size:12px;font-weight:700;color:var(--ink);text-decoration:none;display:flex;gap:9px;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:2px}.content-layout{display:grid;grid-template-columns:170px 1fr;gap:58px}.section-rail{padding-top:9px;position:relative}.rail-label{color:#98a8ae;display:block;margin-bottom:25px;font-size:9px}.section-rail a{display:flex;gap:14px;align-items:center;margin-bottom:19px;font-size:12px}.section-rail a span{font:10px var(--mono);color:#a8b5ba}.section-rail a b{font-weight:600}.rail-line{height:1px;background:var(--line);margin:29px 0 21px}.rail-note{display:block;color:#98a8ae;font-size:10px;line-height:1.8}.content-section{padding-bottom:140px}.section-heading{display:flex;justify-content:space-between;gap:45px;align-items:flex-end;margin-bottom:45px}.section-index{display:block;color:var(--mint-strong);margin-bottom:16px;font-size:10px}.section-heading h2{font-size:clamp(34px,4vw,50px);line-height:1.25;letter-spacing:-.055em;margin-bottom:0}.section-heading>p{max-width:290px;color:var(--ink-soft);font-size:13px;line-height:1.95;margin-bottom:5px}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.rule-card{min-height:315px;border-radius:var(--radius);padding:26px;position:relative;overflow:hidden}.rule-card:after{content:'';position:absolute;width:160px;height:160px;border-radius:50%;border:1px solid currentColor;opacity:.14;right:-67px;bottom:-55px}.rule-card-green{background:var(--mint)}.rule-card-blue{background:var(--blue)}.rule-card-coral{background:var(--coral)}.rule-number{font:500 10px var(--mono);opacity:.65}.rule-icon{font:500 27px var(--mono);margin:31px 0 13px}.rule-card h3{font-size:20px;letter-spacing:-.04em;margin-bottom:12px}.rule-card p{font-size:12px;line-height:1.9;color:var(--ink-soft);margin-bottom:0}.rule-card p strong{color:var(--ink)}.rule-caption{position:absolute;bottom:25px;left:26px;font-size:8px;color:var(--ink-soft);opacity:.72}.progress-track{height:65px;display:flex;position:relative;align-items:flex-start;margin-bottom:14px}.progress-line{position:absolute;left:32px;right:32px;top:17px;height:1px;background:var(--line)}.progress-step{position:relative;z-index:1;background:transparent;border:0;color:#9aa9af;display:flex;flex-direction:column;align-items:center;gap:9px;width:25%;font:500 10px var(--mono);cursor:pointer}.progress-step span{width:35px;height:35px;display:grid;place-items:center;border:1px solid #b1bec1;background:var(--paper);border-radius:50%;transition:.2s}.progress-step b{font:500 10px var(--mono)}.progress-step.active{color:var(--ink)}.progress-step.active span{background:var(--ink);border-color:var(--ink);color:var(--white)}.step-panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:35px 39px;display:none;box-shadow:var(--shadow)}.step-panel.active{display:block;animation:panel-in .35s ease}.step-panel-top{display:flex;align-items:flex-start;gap:17px;border-bottom:1px solid var(--line);padding-bottom:24px}.step-big-num{font:500 42px/1 var(--mono);letter-spacing:-4px;color:var(--coral-strong)}.step-panel h3{font-size:24px;letter-spacing:-.045em;margin:0}.step-status{margin-left:auto;color:#9aa9af;font-size:8px;padding-top:7px}.step-lead{font-size:14px;color:var(--ink-soft);margin:24px 0;max-width:610px}.checklist{display:grid;gap:11px}.checklist label{display:flex;align-items:center;gap:13px;font-size:13px;color:var(--ink);cursor:pointer}.checklist input{position:absolute;opacity:0}.checkmark{width:21px;height:21px;border:1px solid #b4c3c5;border-radius:6px;display:inline-block;position:relative;flex-shrink:0;transition:.2s}.checklist input:checked+.checkmark{background:var(--mint-strong);border-color:var(--mint-strong)}.checklist input:checked+.checkmark:after{content:'✓';color:white;position:absolute;left:4px;top:-2px;font-size:14px}.checklist input:checked~span:last-child{text-decoration:line-through;color:#9aa9af}.step-tip{display:flex;align-items:flex-start;gap:12px;background:var(--mint);border-radius:12px;padding:12px 15px;margin-top:26px;width:fit-content;max-width:100%}.step-tip>span{font:17px var(--mono);color:var(--mint-strong)}.step-tip p{font-size:11px;line-height:1.65;margin:0}.step-tip strong{font-size:10px}.step-tip a{color:var(--ink);font:11px var(--mono)}.process-list{display:grid;gap:0}.process-list>div{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.process-list>div>span{font:10px var(--mono);color:var(--coral-strong)}.process-list p{font-size:13px;margin:0}.fee-highlight{display:flex;align-items:baseline;gap:15px;background:var(--blue);padding:17px 22px;border-radius:14px;width:fit-content}.fee-label{font-size:8px}.fee-highlight strong{font:500 42px var(--mono);letter-spacing:-3px}.fee-highlight span:last-child{font-size:11px;color:var(--ink-soft)}.payment-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.payment-options>div{background:var(--paper-deep);border-radius:12px;padding:14px 15px}.payment-options span{font:500 11px var(--mono);color:var(--mint-strong)}.payment-options p{margin:6px 0 0;font-size:11px}.timeline{border-left:1px solid var(--line);display:grid;gap:0;margin:19px 0 0 8px}.timeline>div{position:relative;padding:9px 0 9px 25px}.timeline-dot{position:absolute;left:-5px;top:15px;width:9px;height:9px;border-radius:50%;background:var(--coral-strong);box-shadow:0 0 0 5px var(--coral)}.timeline p{margin:0;display:flex;flex-direction:column}.timeline strong{font-size:13px}.timeline small{font-size:11px;color:#899ba3}.official-cta{background:var(--ink);color:var(--white);border-radius:var(--radius);padding:30px 34px;margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:24px;position:relative;overflow:hidden}.official-cta:after{content:'→';position:absolute;right:48%;top:-27px;font:220px/.8 var(--mono);color:rgba(255,255,255,.05)}.official-cta .section-index{color:#a5cbbc;margin-bottom:8px}.official-cta h3{font-size:23px;line-height:1.4;letter-spacing:-.045em;margin:0}.rights-list{display:grid;gap:10px}.rights-list article{background:var(--white);border:1px solid var(--line);border-radius:17px;padding:19px 20px;display:flex;gap:17px;align-items:flex-start;transition:.25s}.rights-list article:hover{transform:translateX(5px);box-shadow:var(--shadow)}.rights-list article.rights-warning{background:var(--coral);border-color:transparent}.rights-icon{width:36px;height:36px;border-radius:50%;background:var(--mint);display:grid;place-items:center;font:500 16px var(--mono);flex-shrink:0;color:var(--mint-strong)}.rights-warning .rights-icon{background:var(--coral-strong);color:white}.rights-list h3{font-size:15px;margin:1px 0 5px}.rights-list p{font-size:12px;color:var(--ink-soft);line-height:1.75;margin:0;max-width:570px}.rights-list p strong{color:var(--ink)}.rights-arrow{margin-left:auto;font-size:16px;color:#9aa9af}.rights-quote{display:flex;align-items:center;gap:17px;margin-top:42px;color:var(--ink-soft)}.quote-mark{font:500 52px/1 Georgia;color:var(--coral-strong)}.rights-quote p{font-size:14px;font-weight:700;margin:0}.quote-line{height:1px;width:40px;background:var(--line);margin-left:auto}.quote-tag{font-size:8px;color:#9aa9af}.faq-list{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;gap:20px;padding:19px 0;cursor:pointer;font-size:14px}summary::-webkit-details-marker{display:none}summary span{font:10px var(--mono);color:var(--coral-strong)}summary b{font-weight:700;flex:1}summary i{font:22px var(--mono);font-style:normal;font-weight:300;color:var(--mint-strong);transition:.2s}details[open] summary i{transform:rotate(45deg)}.faq-answer{padding:0 52px 20px 42px;color:var(--ink-soft);font-size:12px;line-height:1.95}.faq-answer p{margin:0 0 5px}.translation-note{color:#9aa9af;font:10px var(--mono)}.faq-foot{display:flex;justify-content:space-between;align-items:center;margin-top:27px;font-size:12px;color:#899ba3}.faq-foot a{color:var(--ink);font-weight:700;text-decoration:none;border-bottom:1px solid var(--ink)}.site-footer{background:var(--ink);color:var(--white);padding:54px max(32px,calc((100vw - 1160px)/2)) 26px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer-brand{display:flex;gap:11px;align-items:center}.footer-brand .brand-mark span:nth-child(2){background:var(--white)}.footer-brand strong{display:block;font:15px var(--mono)}.footer-brand small{display:block;font:9px var(--mono);color:#a5cbbc;margin-top:5px}.site-footer>p{font-size:11px;line-height:1.8;color:#b3c4cb;max-width:300px;justify-self:end}.footer-bottom{border-top:1px solid rgba(255,255,255,.18);padding-top:19px;grid-column:1/-1;display:flex;justify-content:space-between;color:#9bb0b9;font:10px var(--mono)}.footer-bottom a{color:var(--white);text-decoration:none}.back-top{position:fixed;right:22px;bottom:22px;width:38px;height:38px;border-radius:50%;background:var(--coral-strong);border:0;color:white;font-size:18px;cursor:pointer;z-index:15;opacity:0;transform:translateY(10px);transition:.3s}.back-top.visible{opacity:1;transform:none}.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.reveal.in-view{opacity:1;transform:none}@keyframes panel-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:900px){.site-header{padding:0 22px;gap:16px}.main-nav{gap:13px}.main-nav a{font-size:11px}.header-cta{display:none}.section-shell{width:min(100% - 40px,720px)}.hero{grid-template-columns:1fr;min-height:auto;padding:70px 0 80px;gap:25px}.hero-copy{max-width:650px}.hero-visual{min-height:400px}.content-layout{grid-template-columns:1fr;gap:0}.section-rail{display:none}.content-main{width:100%}.alert-band{margin-bottom:75px}.site-footer{padding-left:22px;padding-right:22px}}
@media(max-width:640px){body{font-size:15px}.section-shell{width:calc(100% - 32px)}.site-header{height:70px;padding:0 16px}.brand{min-width:0}.brand-name{font-size:13px}.main-nav,.header-cta{display:none}.header-actions{margin-left:auto}.menu-toggle{display:block}.site-header.menu-open{height:auto;flex-wrap:wrap;padding-bottom:17px}.site-header.menu-open .main-nav{display:flex;order:4;width:100%;flex-direction:column;align-items:flex-start;gap:10px;padding-top:12px}.hero{padding:52px 0 58px}.eyebrow{font-size:8px}.hero-intro{font-size:14px;line-height:1.9}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-meta{margin-top:38px}.hero-visual{min-height:350px;transform:scale(.83);margin:-25px -25px -20px}.orbit-one{width:400px;height:255px}.orbit-two{width:305px;height:380px}.hero-card-main{width:245px;min-height:272px;padding:27px}.big-number{font-size:97px;margin:27px 0 7px}.hero-card-note{right:1%;bottom:18%;width:165px;padding:15px}.hero-card-note strong{font-size:11px}.hero-card-note p{font-size:9px}.hero-stamp{left:3%;top:8%;transform:scale(.85) rotate(-12deg)}.alert-band{margin-bottom:60px;padding:16px;gap:13px;align-items:flex-start}.alert-sign{width:30px;height:30px;font-size:16px}.alert-text strong{font-size:12px;line-height:1.5}.alert-label{font-size:8px}.alert-link{display:none}.content-section{padding-bottom:92px}.section-heading{display:block;margin-bottom:29px}.section-heading h2{font-size:36px}.section-heading>p{margin-top:20px;font-size:12px}.rule-grid{grid-template-columns:1fr;gap:10px}.rule-card{min-height:240px;padding:22px}.rule-icon{margin:20px 0 9px}.rule-card h3{font-size:18px}.rule-caption{bottom:21px;left:22px}.step-panel{padding:24px 19px}.step-panel-top{gap:11px}.step-big-num{font-size:34px}.step-panel h3{font-size:19px}.step-status{font-size:7px}.step-lead{font-size:12px}.checklist label{font-size:12px;line-height:1.6}.progress-track{margin-left:-4px;margin-right:-4px}.progress-line{left:26px;right:26px}.progress-step span{width:31px;height:31px;font-size:9px}.progress-step b{font-size:8px}.fee-highlight{gap:9px;padding:14px 16px;flex-wrap:wrap}.fee-highlight strong{font-size:35px}.fee-highlight span:last-child{width:100%}.payment-options{grid-template-columns:1fr;gap:7px}.payment-options>div{padding:10px 13px}.official-cta{display:block;padding:25px 22px}.official-cta h3{font-size:20px}.official-cta .button{margin-top:22px}.rights-list p{font-size:11px}.rights-quote{gap:10px;flex-wrap:wrap}.quote-line{display:none}.quote-tag{width:100%;padding-left:40px}.faq-answer{padding-left:32px;padding-right:10px}.faq-foot{display:block;line-height:2}.faq-foot a{display:inline-block}.site-footer{display:block;padding-top:38px}.site-footer>p{margin-top:27px;font-size:10px}.footer-bottom{margin-top:33px;display:block;line-height:2}.footer-bottom a{display:block}.back-top{right:14px;bottom:14px;width:34px;height:34px}}

/* Institutional identity: Chien Hsin University of Science and Technology */
.institution-lockup{display:flex;align-items:center;gap:10px;padding-left:20px;border-left:1px solid var(--line);white-space:nowrap}.institution-lockup strong{font-size:12px;letter-spacing:.08em}.institution-lockup span{font-size:11px;color:var(--mint-strong);font-weight:700}.document-kicker{font-size:13px;font-weight:800;letter-spacing:.08em;color:var(--ink);margin-bottom:11px}.document-title{display:inline-block;color:var(--coral-strong);font-size:12px;font-weight:700;letter-spacing:.06em;border:1px solid rgba(214,94,67,.38);border-radius:999px;padding:5px 11px;margin:0 0 20px}.footer-institution{display:flex;flex-direction:column;gap:2px;justify-self:end;align-self:start;border-left:1px solid rgba(255,255,255,.2);padding-left:22px}.footer-institution strong{font-size:14px;letter-spacing:.08em}.footer-institution span{font-size:11px;color:#a5cbbc}.footer-institution small{font-size:10px;color:#b3c4cb;margin-top:5px}.site-footer>p{grid-column:1/-1;justify-self:start;margin:0}.footer-bottom{margin-top:0}
@media(max-width:900px){.institution-lockup{margin-left:auto;padding-left:14px}.site-header .header-actions{margin-left:0}}
@media(max-width:640px){.institution-lockup{display:none}.document-kicker{font-size:11px;margin-bottom:9px}.document-title{font-size:10px;padding:4px 9px;margin-bottom:15px}.footer-institution{justify-self:start;border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:18px 0 0;margin-top:28px;width:100%}.site-footer>p{margin-top:24px}.footer-bottom{margin-top:30px}}

/* Visual refresh: a calm campus signal system with light geometry and friendly motion */
.hero{position:relative;isolation:isolate}.hero:before{content:'';position:absolute;z-index:-1;top:30px;right:-80px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(46,139,112,.1) 0 1px,transparent 1px 18px),linear-gradient(135deg,transparent 49.5%,rgba(23,63,95,.08) 50%,transparent 50.5%);background-size:36px 36px,100% 100%;mask-image:linear-gradient(135deg,transparent 4%,black 55%,transparent 95%);pointer-events:none}.hero-slogan{display:inline-flex;align-items:center;gap:9px;color:var(--ink);background:rgba(220,236,229,.7);border:1px solid rgba(46,139,112,.22);border-radius:999px;padding:7px 12px;margin:0 0 20px;font:600 10px var(--mono);letter-spacing:.35px;box-shadow:0 8px 22px rgba(23,63,95,.04)}.hero-slogan:before{content:'✦';color:var(--coral-strong);font-size:12px}.hero-signal{position:absolute;z-index:4;left:3%;bottom:5%;width:158px;padding:13px 14px;background:rgba(255,253,248,.93);border:1px solid rgba(23,63,95,.15);border-radius:14px;box-shadow:0 14px 35px rgba(23,63,95,.12);transform:rotate(-5deg);backdrop-filter:blur(7px)}.signal-label{display:block;margin-bottom:9px;color:var(--coral-strong);font:500 8px var(--mono);letter-spacing:1.25px}.signal-row{display:flex;align-items:center;gap:7px;padding:5px 0;border-top:1px solid var(--line);color:var(--ink);font:600 9px var(--mono)}.signal-row i{display:block;flex:1;height:4px;background:linear-gradient(90deg,var(--mint-strong) 70%,var(--paper-deep) 70%);border-radius:99px}.section-motif{position:absolute;right:1%;top:10px;width:112px;height:88px;pointer-events:none;opacity:.72}.rules-section{position:relative}.motif-ring{position:absolute;right:5px;top:0;width:76px;height:76px;border:1px solid rgba(214,94,67,.34);border-radius:50%}.motif-ring:after{content:'';position:absolute;inset:13px;border:1px dashed rgba(46,139,112,.5);border-radius:50%}.motif-dot{position:absolute;right:72px;top:33px;width:9px;height:9px;background:var(--coral-strong);border-radius:50%;box-shadow:0 0 0 7px rgba(214,94,67,.13)}.motif-line{position:absolute;right:0;bottom:5px;width:55px;height:1px;background:var(--ink);transform:rotate(-27deg);transform-origin:right}.rule-card{transition:transform .25s ease,box-shadow .25s ease}.rule-card:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 20px 38px rgba(23,63,95,.12)}.rule-card:nth-child(2):hover,.rule-card:nth-child(5):hover{transform:translateY(-6px) rotate(.4deg)}.rule-card:nth-child(3) .rule-icon,.rule-card:nth-child(6) .rule-icon{color:var(--coral-strong)}.payment-options>div,.rights-list article,.faq-list details{transition:background .2s ease,transform .2s ease}.payment-options>div:hover{background:#e2e6e4;transform:translateY(-2px)}
@media(max-width:900px){.hero:before{right:-160px;opacity:.6}.hero-signal{left:1%;bottom:3%}.section-motif{right:0;transform:scale(.8);transform-origin:top right}}
@media(max-width:640px){.hero:before{top:190px;right:-180px;width:300px;height:300px}.hero-slogan{font-size:8px;gap:6px;max-width:100%;white-space:nowrap;padding:6px 9px}.hero-signal{left:5%;bottom:0;width:145px;padding:11px 12px}.section-motif{display:none}.rule-card:hover{transform:none;box-shadow:none}}