/** Fortune Diwali closure page — isolated, standalone styling.
 * Intentionally does not load or modify the live site's shared CSS/JS. */
@font-face{font-family:FortuneNordique;src:url('../../fonts/NordiquePro-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:FortuneNordique;src:url('../../fonts/NordiquePro-Semibold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:FortuneNordique;src:url('../../fonts/NordiquePro-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--ty-orange:#ff6100;--ty-orange-deep:#d84500;--ty-yellow:#ffcb05;--ty-cream:#fff7da;--ty-brown:#873308}
*{box-sizing:border-box}
html{min-width:320px;scroll-behavior:smooth}
body.ty-page{margin:0;min-height:100svh;color:var(--ty-brown);background:#ffcc04;font-family:FortuneNordique,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.ty-skip{position:absolute;top:-90px;left:12px;padding:12px 18px;background:white;color:#873308;z-index:10;border-radius:8px}
.ty-skip:focus{top:10px}
.ty-wrap{min-height:100svh;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:clamp(28px,5vh,55px) max(26px,4vw) 22px;isolation:isolate;background:radial-gradient(circle at 5% 2%,#fff7ac94,transparent 32%),radial-gradient(circle at 85% 93%,#f481034d,transparent 36%),url('../../client-approved/wallpaper-source-tile.webp') 0 0/190px 190px repeat,#ffcb05}
.ty-wrap::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#ffdf2a00,#ff920518);pointer-events:none}
.ty-panel{position:relative;z-index:1;width:min(100%,1090px);margin:auto auto 12px;padding:clamp(23px,4.5vw,48px);border-radius:clamp(34px,6vw,70px);background:linear-gradient(150deg,#ff8506 0%,#ff6100 33%,#ed4d00 100%);box-shadow:0 20px 0 #e36c092b,0 25px 70px #992b0040;isolation:isolate}
.ty-panel::before{content:"";position:absolute;inset:18px;border:2px solid #ffd76e;border-radius:inherit;pointer-events:none;opacity:.95}
.ty-panel::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:radial-gradient(circle at 50% 5%,#ffb62355,transparent 38%),radial-gradient(circle at 50% 100%,#d9410029,transparent 47%)}
.ty-panel-inner{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;max-width:870px;margin:0 auto;text-align:center;padding:clamp(2px,1vw,16px) 12px 83px}
.ty-emblem-wrap{width:clamp(180px,20vw,236px);height:auto;margin:-36px auto 6px;filter:drop-shadow(0 8px 8px #82320e55)}
.ty-emblem{display:block;width:100%;height:auto}
.ty-rule{position:relative;display:flex;align-items:center;gap:13px;width:clamp(100px,18vw,180px);margin:4px auto 15px;color:#ffe25c;font-size:24px}
.ty-rule::before,.ty-rule::after{content:"";height:2px;flex:1;background:linear-gradient(90deg,transparent,#ffe17c)}
.ty-rule::after{transform:rotate(180deg)}
.ty-message{width:100%;color:white;text-wrap:pretty}
.ty-eyebrow{margin:0 0 14px;letter-spacing:.24em;text-transform:uppercase;font-size:clamp(12px,1.25vw,16px);font-weight:600;color:#ffe283}
.ty-message h1{max-width:860px;margin:0 auto 20px;font-size:clamp(35px,5.1vw,66px);font-weight:700;letter-spacing:-.025em;line-height:1.13;text-shadow:0 3px 1px #aa350025}
.ty-message h1 span{color:#ffec75}
.ty-lead{max-width:780px;margin:0 auto 15px;font-size:clamp(18px,2vw,25px);line-height:1.5;font-weight:400}
.ty-reward{max-width:760px;margin:13px auto 29px;color:#fff1ae;font-size:clamp(18px,2.1vw,24px);font-weight:700;line-height:1.42}
.ty-social{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px}
.ty-social-btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-width:226px;min-height:62px;padding:12px 22px;border:2px solid #fff8e5;border-radius:999px;text-decoration:none;font:700 19px/1.2 FortuneNordique,Arial,sans-serif;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 14px #85340d3d}
.ty-social-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #85340d48}
.ty-social-btn:focus-visible{outline:3px solid #ffdf2b;outline-offset:4px}
.ty-social-btn svg{width:25px;height:25px;flex:none}
.ty-social-btn .ty-arrow{width:18px;height:18px;margin-left:auto}
.ty-social-btn--ig{background:#fff6dc;color:#b84000}
.ty-social-btn--fb{background:#ffe169;color:#863000}
.ty-highlight{display:flex;align-items:center;justify-content:center;gap:14px;width:min(100%,740px);margin:28px auto 12px;padding:20px 24px;border:1.5px solid #ffe0a8;border-radius:20px;background:#fff2bc21}
.ty-highlight p{margin:0;color:#fff0aa;font-size:clamp(19px,2.25vw,27px);font-weight:700;line-height:1.42}
.ty-highlight-icon{font-size:22px;color:#ffd76e}
.ty-message--final .ty-lead{max-width:650px}
.ty-lights{position:absolute;z-index:1;left:100px;right:100px;height:14px;pointer-events:none;background:radial-gradient(circle,#ffe782 3px,transparent 4.5px) center center/27px 14px repeat-x;opacity:.88}
.ty-lights--top{top:12px}.ty-lights--bottom{bottom:12px}
.ty-diya{position:absolute;z-index:3;width:clamp(75px,10vw,126px);height:auto;pointer-events:none;filter:drop-shadow(0 5px 6px #8c3b0059)}
.ty-diya--tl{top:22px;left:-52px;transform:rotate(-16deg)}
.ty-diya--tr{top:25px;right:-52px;transform:rotate(16deg)}
.ty-diya--bl{bottom:45px;left:-42px;transform:rotate(-7deg)}
.ty-diya--br{bottom:40px;right:-42px;transform:rotate(7deg)}
.ty-footer-diyas{position:absolute;z-index:2;bottom:-34px;left:50%;width:clamp(210px,31vw,360px);transform:translateX(-50%);height:auto;pointer-events:none}
.ty-decor{position:absolute;z-index:0;pointer-events:none;filter:drop-shadow(0 3px 10px #8f520022)}
.ty-decor--food-left{width:clamp(100px,16vw,214px);top:4%;left:-5%;transform:rotate(-15deg)}
.ty-decor--food-right{width:clamp(110px,14vw,198px);bottom:4%;right:-4%;transform:rotate(20deg)}
.ty-star{position:absolute;z-index:0;pointer-events:none;color:#ff8a00;opacity:.66;font-size:clamp(32px,6vw,100px)}
.ty-star--one{top:13%;right:8%}.ty-star--two{bottom:8%;left:7%}
.ty-footer{z-index:1;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;text-align:center;min-height:60px}
.ty-footer img{width:98px;height:auto}
.ty-footer p{margin:0;font-size:13px;font-weight:600;color:#a53a0b;letter-spacing:.03em}
.ty-footer p span{padding:0 8px}
@media (max-width:720px){
 .ty-wrap{justify-content:flex-start;padding:24px 20px 26px}
 .ty-panel{margin:20px auto 18px;padding:25px 18px 21px;border-radius:40px}
 .ty-panel::before{inset:11px;border-width:1.5px}
 .ty-panel-inner{padding:10px 8px 97px}
 .ty-emblem-wrap{width:172px;margin:-15px auto 0}
 .ty-rule{margin:4px auto 13px}
 .ty-message h1{font-size:clamp(31px,7.2vw,46px);line-height:1.15;margin-bottom:16px}
 .ty-eyebrow{font-size:11px;letter-spacing:.13em;margin-bottom:12px}
 .ty-lead{font-size:clamp(16px,3.6vw,19px);line-height:1.5}
 .ty-reward{font-size:clamp(16px,3.8vw,19px);margin:14px auto 23px}
 .ty-social{gap:11px}
 .ty-social-btn{width:min(100%,330px);min-height:56px;font-size:17px;padding:11px 22px}
 .ty-diya{width:68px}
 .ty-diya--tl{top:20px;left:-23px}.ty-diya--tr{top:20px;right:-23px}
 .ty-diya--bl{bottom:65px;left:-20px}.ty-diya--br{bottom:65px;right:-20px}
 .ty-footer-diyas{bottom:-26px;width:240px}
 .ty-lights{left:46px;right:46px;opacity:.5}
 .ty-highlight{gap:9px;margin:22px auto 6px;padding:16px 10px}
 .ty-highlight p{font-size:18px}
 .ty-highlight-icon{font-size:15px}
 .ty-decor{opacity:.6}.ty-decor--food-left{left:-20%}.ty-decor--food-right{right:-20%}
 .ty-footer{flex-direction:column;gap:3px}.ty-footer img{width:85px}.ty-footer p{font-size:11px}
}
@media (max-width:370px){
 .ty-wrap{padding-inline:13px}.ty-panel{padding:20px 13px}
 .ty-panel-inner{padding-inline:5px}
 .ty-message h1{font-size:30px}.ty-lead{font-size:16px}
 .ty-diya--tl,.ty-diya--bl{left:-12px}.ty-diya--tr,.ty-diya--br{right:-12px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
