:root{--bg:#080b0e;--panel:#121518;--panel2:#1b1c1d;--gold:#e5ad53;--cream:#f6efe4;--red:#9d1720;--muted:#aaa7a0;--line:#34302b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#1b1713 0,#080b0e 55%);color:var(--cream);font-family:Arial,Helvetica,sans-serif;min-height:100vh}.top{height:76px;padding:0 max(5vw,22px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292521;background:#090b0de8}.brand{display:flex;align-items:center;gap:12px;color:var(--cream);text-decoration:none;font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.1}.brand i{display:block;color:var(--gold);font-size:22px}.gift{font-size:35px;color:var(--gold)}nav{display:flex;gap:25px}nav a,.text-link{color:var(--gold);text-decoration:none;font-size:13px}.wrap{max-width:1100px;margin:auto;padding:35px 22px 70px}footer{text-align:center;padding:24px;color:#82796e;font-size:12px;border-top:1px solid #242321}.landing{text-align:center;padding:52px 10px 72px;max-width:850px;margin:auto}.eyebrow{color:var(--gold);letter-spacing:3px;font-size:10px;font-weight:700}.tree{font-size:42px;color:var(--gold);margin-top:22px}.landing h1,.hero h1,.auth h1{font:600 clamp(44px,8vw,76px)/1.02 Georgia,'Times New Roman',serif;margin:8px 0 15px}.landing h1 em,.hero h1 em,.auth h1 em{color:var(--gold);font-weight:500}.lead{font-size:19px;color:#e0d8cd}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:48px auto 35px;max-width:720px}.features div,.how-grid article{background:linear-gradient(145deg,#17191a,#0f1113);border:1px solid #302a23;border-radius:15px;padding:20px 12px}.features span{display:block;color:var(--gold);font-size:30px;margin-bottom:12px}.features b,.features small{display:block}.features b{font-size:14px}.features small{color:var(--muted);font-size:11px;margin-top:7px}.btn{border:0;border-radius:9px;padding:13px 18px;font:600 14px Arial;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:7px}.primary{background:linear-gradient(120deg,#b71f29,#801019);color:white;box-shadow:0 7px 24px #650e173d}.cta{padding:16px 32px;border-radius:30px;font-size:15px}.subtle,.muted{color:var(--muted);font-size:13px}.subtle{margin-top:22px}.how{border-top:1px solid #27231f;padding-top:35px}.how h2,.panel h2{font:600 28px Georgia;margin:0 0 20px}.how h2{text-align:center}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.how-grid article span{color:var(--gold);font-size:12px}.how-grid h3{margin:13px 0 7px}.how-grid p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.hero{text-align:center;padding:55px 15px 35px}.hero.compact{padding:20px 10px 30px}.hero h1{font-size:clamp(38px,6vw,54px)}.hero p{color:#c5bdb2}.tag,.status{display:inline-block;border:1px solid #51402a;border-radius:30px;padding:7px 12px;color:#e9c27e;font-size:11px;background:#2a2116}.panel{background:linear-gradient(145deg,#171a1c,#101214);border:1px solid #302d29;border-radius:17px;padding:25px;margin:18px 0;box-shadow:0 12px 35px #0003}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{margin:0}.notice{padding:13px 16px;background:#1b382b;border:1px solid #315d43;border-radius:10px;color:#b8ebc9;margin:15px 0}.wish-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:13px}.wish{display:flex;gap:14px;padding:13px;background:#202224;border:1px solid #353333;border-radius:12px;min-width:0}.wish img,.placeholder{width:88px;height:88px;object-fit:cover;border-radius:9px;background:#302d29;flex-shrink:0}.placeholder{display:grid;place-items:center;font-size:32px}.wish h3{margin:3px 0 6px;font-size:15px}.wish p{margin:4px 0;font-size:12px}.price{color:var(--gold);font-weight:700}.text-link{display:inline-block;margin-top:5px}.auth{max-width:430px;margin:55px auto}.auth h1{font-size:42px}form label{display:block;color:#d4c9bb;font-size:12px;margin:15px 0 7px}input,textarea{width:100%;background:#0d1012;border:1px solid #403a33;color:#fff;border-radius:8px;padding:12px;font:14px Arial;outline:none}input:focus,textarea:focus{border-color:var(--gold)}textarea{resize:vertical}.auth .btn,form>.btn{margin-top:18px;width:100%}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:#191b1d;border:1px solid #39332c;border-radius:12px;padding:17px;text-align:center}.stat b,.stat span{display:block}.stat b{font:600 24px Georgia;color:var(--gold)}.stat span{font-size:11px;color:var(--muted);margin-top:5px}.add-person{display:flex;gap:10px;margin:20px 0}.add-person input{flex:1}.add-person .btn{white-space:nowrap}.person-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid #302d29;gap:10px}.person-info{display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#3a2c1c;color:var(--gold);font-weight:700}.person-info strong,.person-info small{display:block}.person-info small{color:var(--muted);font-size:11px;margin:3px 0}.copy-link{background:none;border:0;padding:5px 0;color:var(--gold);font-size:11px;cursor:pointer}.icon-btn{background:#242322;border:1px solid #403a33;color:#d5c9b9;border-radius:7px;padding:7px 10px;cursor:pointer}.inline{display:inline}.ghost{background:#282726;color:#eee;border:1px solid #45403a}.small{padding:8px 11px;font-size:11px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #302d29;vertical-align:middle}th{color:var(--gold);font-weight:600}.status{font-size:10px;padding:5px 9px}.status.done{background:#183326;border-color:#315b40;color:#a9e0b9}.actions{display:flex;align-items:center;gap:6px}.actions form{margin:0}.actions .btn{white-space:nowrap}.person-row>form{margin:0}@media(max-width:650px){.top{height:66px}.wrap{padding:22px 14px 45px}.landing{padding:40px 0}.features,.how-grid{grid-template-columns:1fr;gap:9px}.features div{padding:14px;display:grid;grid-template-columns:40px 1fr;text-align:left;align-items:center}.features span{grid-row:span 2;margin:0}.features small{margin-top:2px}.stats{grid-template-columns:repeat(2,1fr)}.panel{padding:18px}.two{grid-template-columns:1fr}.add-person{flex-direction:column}.add-person .btn{width:100%}.person-row{align-items:flex-start}.section-head h2,.panel h2{font-size:24px}.hero.compact{padding-top:12px}nav{gap:13px}nav a{font-size:12px}}

/* CHRISTMAS EXPERIENCE – animated winter atmosphere */
:root{--gold:#f2c46f;--cream:#fff7eb;--red:#b51f2b;--pine:#173d30;--line:#493725}
body{background:radial-gradient(ellipse at 50% -10%,#49301d 0,#17110e 35%,#080b0e 78%);background-attachment:fixed;overflow-x:hidden}
body:before{content:"";position:fixed;inset:-120px 0 0;z-index:20;pointer-events:none;opacity:.58;background-image:radial-gradient(2px 2px at 24px 35px,#fff 98%,transparent),radial-gradient(2px 2px at 145px 180px,#ffe7b8 98%,transparent),radial-gradient(1.5px 1.5px at 80px 260px,#fff 98%,transparent),radial-gradient(2px 2px at 230px 90px,#fff 98%,transparent),radial-gradient(1px 1px at 310px 220px,#ffe7b8 98%,transparent);background-size:360px 320px;animation:snowfall 19s linear infinite}
body:after{content:"✦     ❄      ✧       ❄      ✦";position:fixed;top:76px;left:0;right:0;text-align:center;z-index:0;pointer-events:none;color:#f2c46f;opacity:.17;letter-spacing:clamp(12px,5vw,60px);font-size:20px;animation:twinkle 4s ease-in-out infinite alternate}
@keyframes snowfall{from{transform:translate3d(0,-30px,0)}to{transform:translate3d(35px,360px,0)}}
@keyframes twinkle{from{opacity:.08;filter:drop-shadow(0 0 2px #e7b75f)}to{opacity:.3;filter:drop-shadow(0 0 9px #f2c46f)}}
@keyframes warmGlow{0%,100%{box-shadow:0 0 18px #d18a3230,0 12px 35px #0005}50%{box-shadow:0 0 34px #e6ad5360,0 12px 35px #0005}}
@keyframes floatGift{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@keyframes shimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.top{position:relative;z-index:2;background:linear-gradient(180deg,#090b0df5,#11100de8);border-bottom:1px solid #8e652d66;box-shadow:0 5px 28px #0008}
.top:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#17442e,#e8bd68,#9f1822,#e8bd68,#17442e);background-size:200% 100%;animation:shimmer 9s linear infinite}
.brand .gift{animation:floatGift 4s ease-in-out infinite;filter:drop-shadow(0 0 8px #e5ad5380)}
.wrap{position:relative;z-index:1}
.landing{position:relative;padding-top:65px;padding-bottom:85px}
.landing:before{content:"❄";position:absolute;left:3%;top:16%;font-size:42px;color:#f2c46f55;animation:floatGift 6s ease-in-out infinite}
.landing:after{content:"✧";position:absolute;right:5%;top:25%;font-size:55px;color:#f2c46f66;animation:twinkle 3s ease-in-out infinite alternate}
.tree{font-size:56px;text-shadow:0 0 22px #e5ad53aa;animation:floatGift 5s ease-in-out infinite}
.landing h1 em,.hero h1 em,.auth h1 em{background:linear-gradient(90deg,#d99a3d,#fff0bf,#d99a3d);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:shimmer 6s linear infinite}
.lead{color:#f4e7d6;text-shadow:0 2px 12px #000}
.features div,.how-grid article,.panel,.stat{background:linear-gradient(145deg,#1b211eeb,#101315f2);border-color:#73552e88;box-shadow:0 10px 30px #0005;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.features div:hover,.how-grid article:hover,.wish:hover{transform:translateY(-5px);border-color:#d5a34e;box-shadow:0 12px 30px #d49b3b22}
.features span{filter:drop-shadow(0 0 8px #e5ad5380)}
.primary{background:linear-gradient(110deg,#8f111b,#c52a34,#8f111b);background-size:200% 100%;box-shadow:0 8px 26px #9d172055,inset 0 1px #ffffff35;transition:transform .2s ease,filter .2s ease;animation:warmGlow 4s ease-in-out infinite}
.primary:hover{transform:translateY(-2px) scale(1.025);filter:brightness(1.16)}
.cta{padding:17px 36px}
.how{position:relative;border-top:1px solid #a17a3c66;padding-top:42px}
.how h2,.panel h2{color:#fff1d9;text-shadow:0 2px 16px #d59c4433}
.wish{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.wish img,.placeholder{box-shadow:0 0 0 1px #c69b5540}
.tag{background:linear-gradient(120deg,#302315,#49351b);border-color:#a77b39;color:#ffe1a4}
.notice{box-shadow:0 0 22px #315d4330}
footer{position:relative;z-index:1;background:linear-gradient(180deg,#101713,#080b0e);border-top:1px solid #8e652d66;color:#d0b98f}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:650px){body:after{top:66px;font-size:15px}.landing{padding-top:48px}.landing:before{left:0;font-size:26px}.landing:after{right:0;font-size:34px}.features div:hover,.how-grid article:hover{transform:none}}

/* PREMIUM CHRISTMAS 3.0 — visual redesign, existing PHP flows unchanged */
:root{--bg:#07090b;--gold:#ffd182;--cream:#fff7e9;--red:#b40012;--muted:#c1b5a5;--line:#a87837}
html{scroll-behavior:smooth}body{background:#07090b;color:var(--cream);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body:before{opacity:.28;z-index:8}body:after{display:none}
.top{height:84px;position:sticky;top:0;z-index:30;background:linear-gradient(90deg,#050506f7,#140b0af5,#050506f7);border-bottom:1px solid #c5944775;backdrop-filter:blur(14px)}
.brand{font-size:22px;letter-spacing:-.4px}.brand i{font-size:27px;font-family:Georgia,serif;font-style:italic;color:#ffc76d;text-shadow:0 0 15px #ecad5c80}.brand .gift{font-size:36px}
nav a{color:#fff2df;font-size:14px;padding:11px 17px;border-radius:30px;border:1px solid #9c6a3280;transition:all .2s}nav a:hover{color:#ffd080;background:#402415}
.wrap{max-width:1200px;padding:0 24px 85px}
.landing{isolation:isolate;max-width:none;min-height:680px;margin:0 -24px;padding:94px 25px 90px;position:relative;background:linear-gradient(90deg,#070a0bb0,#080a0ba0 25%,#070a0baf 75%,#080a0bb0),linear-gradient(0deg,#080b0e 0%,transparent 22%,transparent 78%,#080b0e 100%),url('winter-scene.jpg') center center/cover no-repeat;border-bottom:1px solid #a77a40;box-shadow:inset 0 0 100px #000a}
.landing:before{content:'🎄';position:absolute;left:4%;top:12%;font-size:58px;opacity:.85;filter:drop-shadow(0 0 22px #ffc44b);animation:floatGift 5s ease-in-out infinite}
.landing:after{content:'✦';position:absolute;right:7%;top:20%;font-size:65px;color:#ffe5a1;opacity:.9;filter:drop-shadow(0 0 15px #ffc44b);animation:twinkle 2s ease-in-out infinite alternate}
.landing .eyebrow{font-size:12px;letter-spacing:4px;text-shadow:0 0 12px #ffb33b}.tree{font-size:55px;margin-top:22px;color:#f9c76d;filter:drop-shadow(0 0 20px #eaa840)}
.landing h1{font-size:clamp(52px,7vw,100px);font-weight:500;line-height:.96;letter-spacing:-2px;margin:16px 0 24px;text-shadow:0 4px 28px #000}
.landing h1 em{font-size:1.15em;font-family:'Brush Script MT','Segoe Script',Georgia,serif;font-weight:400;letter-spacing:-2px;color:#ffcf79;background:none;-webkit-text-fill-color:#ffcf79;text-shadow:0 0 24px #f4a93b80}
.lead{font-size:clamp(16px,2vw,21px);text-shadow:0 3px 14px #000}.features{max-width:690px;gap:15px;margin:45px auto 36px}
.features div{border:1px solid #d6a056a6;background:linear-gradient(140deg,#2b1b17c9,#0c1014cf);backdrop-filter:blur(10px);border-radius:20px;padding:20px 12px;box-shadow:inset 0 1px #ffdfb12a,0 0 26px #dd923020}
.features span{font-size:34px}.features b{font-size:14px}.features small{font-size:12px;color:#eadac5}
.primary{background:linear-gradient(180deg,#f0443c 0%,#b40013 38%,#760008 100%);border:1px solid #ff826c;box-shadow:inset 0 2px #ffd1b34d,0 0 20px #d61e2790,0 12px 30px #0008;animation:none}.primary:hover{box-shadow:0 0 30px #e51e2aaa;filter:brightness(1.13)}.cta{padding:18px 54px;font-size:17px}
.how{margin:0 -24px;padding:48px 24px 70px;border:0;background:radial-gradient(ellipse at 50% 100%,#32201a 0%,#080b0e 75%);position:relative}
.how:after{content:'🎁  ✨  🎄  ✨  🎁';display:block;text-align:center;font-size:23px;margin-top:36px;opacity:.8}
.how h2{font:500 clamp(31px,4vw,43px) Georgia,serif;color:#fff4e6;margin-bottom:30px}.how-grid{max-width:1000px;margin:auto;gap:20px}
.how-grid article{padding:28px 23px;border-radius:23px;border:1px solid #e2aa64;background:linear-gradient(145deg,#332019b8,#111316);box-shadow:inset 0 1px #f7ce9940,0 0 26px #d18a2829}
.how-grid article span{display:inline-grid;place-items:center;width:38px;height:38px;background:linear-gradient(#b90016,#70000c);border:1px solid #f6a84b;border-radius:50%;color:white;font-size:17px;box-shadow:0 0 18px #dc332366}.how-grid h3{font-size:19px}.how-grid p{color:#e1d0bd;font-size:14px}
.hero.compact{margin:28px 0 22px;padding:58px 15px 52px;border-radius:25px;border:1px solid #ad7b3f9e;background:radial-gradient(ellipse at 50% 30%,#3c221d8a,#0b0c0edc 70%),url('winter-scene.jpg') center/cover;box-shadow:inset 0 0 55px #0009,0 10px 40px #0008}
.hero h1{font-size:clamp(38px,6vw,61px);text-shadow:0 3px 25px #000}.hero h1 em{color:#ffd58a}.hero p{font-size:16px;color:#f2e4d3}
.panel{background:linear-gradient(150deg,#24201df2,#0e1113f5);border:1px solid #9f723b8f;border-radius:23px;box-shadow:inset 0 1px #fff2d20c,0 15px 40px #0007;padding:28px;margin:22px 0}.panel h2{font-size:29px}
.stat{min-height:125px;border-radius:20px;border:1px solid #bb874f9e;background:linear-gradient(140deg,#30241dbb,#111417);box-shadow:inset 0 1px #f6c98335,0 0 18px #b57c2d25}.stat-icon{font-size:24px;margin-bottom:8px}.stat b{font:700 25px system-ui;color:#fff5e9}.stat span{font-size:12px;color:#dfc9ac}
.person-row{padding:20px 14px;border:1px solid #775a3d;margin:12px 0;border-radius:16px;background:linear-gradient(110deg,#26221f,#151719);box-shadow:0 6px 18px #0003}.avatar{height:54px;width:54px;font-size:22px;border:2px solid #e7b66d;background:linear-gradient(145deg,#6d3523,#2a1d1c);box-shadow:0 0 12px #e7b66d42}.person-info strong{font-size:17px}.person-info small{font-size:12px;margin:7px 0}.copy-link{font-size:12px;text-decoration:underline;text-underline-offset:3px}
.wish-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.wish{padding:16px;background:linear-gradient(140deg,#322923,#161719);border:1px solid #9e774a;border-radius:17px;box-shadow:0 8px 20px #0005}.wish img,.placeholder{width:105px;height:105px;border-radius:12px}.wish h3{font-size:17px}.wish .price{display:inline-block;background:#5d3c19;padding:6px 11px;border-radius:30px;color:#ffe0a5}.text-link{font-size:13px;color:#ffd58b}
input,textarea{background:#161719;border:1px solid #886947;border-radius:12px;padding:15px;color:white}input:focus,textarea:focus{border-color:#ffd18b;box-shadow:0 0 0 3px #d6a24c25}.auth{margin:70px auto;padding:34px}.auth h1{font-size:44px}
footer{background:#080b0e;border-top:1px solid #b98c52;padding:32px;color:#d8b984}
.snow{pointer-events:none;position:fixed;inset:0;z-index:9;background-image:radial-gradient(2px 2px at 30px 40px,#fff 99%,transparent),radial-gradient(3px 3px at 180px 100px,#fff9 99%,transparent),radial-gradient(1px 1px at 100px 220px,#fff 99%,transparent);background-size:280px 290px;animation:snowfall 18s linear infinite;opacity:.35}.snow-two{background-size:390px 420px;animation-duration:29s;opacity:.23;transform:scale(1.1)}
@media(max-width:650px){.top{height:72px;padding:0 14px}.brand{font-size:16px}.brand i{font-size:20px}.brand .gift{font-size:25px}nav{gap:6px}nav a{font-size:11px;padding:8px 10px}.wrap{padding:0 13px 45px}.landing{margin:0 -13px;min-height:640px;padding:70px 16px 65px;background-position:center}.landing h1{font-size:clamp(46px,11vw,70px);letter-spacing:-1px}.landing h1 em{font-size:1.1em}.landing:before{font-size:34px;left:1%;top:20%}.landing:after{font-size:35px;right:2%}.features{grid-template-columns:repeat(3,1fr);gap:6px;margin:35px auto 28px}.features div{display:block;text-align:center;padding:13px 5px;border-radius:13px}.features span{font-size:25px;margin-bottom:9px}.features b{font-size:11px}.features small{font-size:10px;line-height:1.3;margin-top:5px}.cta{padding:16px 32px}.how{margin:0 -13px;padding:38px 17px 45px}.how-grid{grid-template-columns:1fr;gap:12px}.how-grid article{padding:20px}.hero.compact{margin-top:15px;padding:42px 15px}.panel{padding:18px;border-radius:18px}.stats{grid-template-columns:repeat(2,1fr)}.stat{min-height:115px}.person-row{padding:12px}.wish-grid{grid-template-columns:1fr}.wish img,.placeholder{width:90px;height:90px}.two{grid-template-columns:1fr}.add-person{flex-direction:column}.auth{margin:40px auto}.how h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.snow{display:none}}

/* PLATFORM LANDING — public multi-family welcome page */
.top{padding-left:max(4vw,20px);padding-right:max(4vw,20px)}
.platform-nav{align-items:center;gap:clamp(8px,2vw,30px)}
.platform-nav a{display:inline-flex;align-items:center;gap:9px;border:0;padding:11px 14px;font-size:15px;white-space:nowrap}
.platform-nav a.nav-home{background:linear-gradient(180deg,#c30b19,#76000a);border:1px solid #ff795f;box-shadow:0 0 20px #e21c2670}
.platform-landing{position:relative;isolation:isolate;min-height:calc(100svh - 150px);margin:0 -24px;padding:42px 24px 58px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:linear-gradient(90deg,#05090bd9,#07101ac2 28%,#07101ac2 72%,#05090bd9),linear-gradient(0deg,#080b0e 0%,transparent 23%,transparent 80%,#080b0e 100%),url('winter-scene.jpg') center 57%/cover no-repeat}
.platform-landing:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 48%,#07101a28 0%,#0205074a 55%,#0205079c 100%);pointer-events:none}
.platform-copy{width:min(100%,930px);margin:auto;position:relative;z-index:1}
.platform-gift{font-size:62px;color:#ffd16d;line-height:1;filter:drop-shadow(0 0 15px #ffb82f);animation:floatGift 4.5s ease-in-out infinite}
.platform-landing h1{font:500 clamp(48px,7.2vw,86px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-1.7px;margin:8px 0 16px;color:#fff8ee;text-shadow:0 4px 24px #000}
.platform-landing h1 em{display:inline-block;font:italic 1.22em 'Brush Script MT','Segoe Script',cursive;color:#ffd078;text-shadow:0 0 10px #ffb83c,0 0 30px #ffb83c99;letter-spacing:-2px}
.platform-lead{font:500 clamp(19px,2.5vw,28px)/1.25 Georgia,serif;color:#fff4e7;text-shadow:0 3px 14px #000;margin:18px 0 20px}
.ornament-divider{display:flex;align-items:center;justify-content:center;gap:16px;color:#ffd16d;font-size:29px;text-shadow:0 0 14px #ffb82f;margin:14px auto 24px}
.ornament-divider span{width:clamp(65px,12vw,150px);height:1px;background:linear-gradient(90deg,transparent,#f4bd5b,transparent)}
.portal-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;width:min(100%,880px);margin:0 auto}
.portal-card{position:relative;overflow:hidden;padding:24px 24px 22px;border:1px solid #f1bd68;border-radius:27px;background:linear-gradient(145deg,#2b211de8,#0d1115e8);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #fff1d65c,0 0 24px #e8a84633,0 18px 40px #0009;transition:transform .25s,border-color .25s,box-shadow .25s}
.portal-card:before{content:"❄";position:absolute;top:12px;left:17px;color:#f8d99b30;font-size:54px;pointer-events:none}
.portal-card:after{content:"";position:absolute;inset:auto 12% 0;height:2px;background:linear-gradient(90deg,transparent,#ffdc91,transparent);filter:drop-shadow(0 0 8px #ffc15c);}
.portal-card:hover{transform:translateY(-5px);border-color:#ffe0a1;box-shadow:inset 0 1px 0 #fff4dc80,0 0 34px #e8a8465c,0 18px 40px #0009}
.portal-icon{font-size:47px;color:#ffd16d;line-height:1.1;text-shadow:0 0 18px #ffb82f;filter:drop-shadow(0 0 8px #ffbd4b)}
.portal-card h2{font:700 clamp(20px,2.4vw,27px) system-ui,sans-serif;margin:8px 0 8px;color:#fff8ed}
.portal-card p{font-size:16px;line-height:1.4;color:#f1e2d1;margin:0 0 18px}
.portal-card .cta{min-width:225px;max-width:100%;padding:14px 24px;font-size:17px;gap:13px}
.outline-gold{background:linear-gradient(180deg,#1b1713e8,#090b0de8);border:1px solid #f5bd5b;color:#fff8ed;box-shadow:inset 0 1px #fff4d433,0 0 15px #dba34a2b;transition:all .2s}
.outline-gold:hover{background:#3b2918;color:#ffdf9b;box-shadow:0 0 22px #dba34a66}
.platform-benefits{display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,850px);margin:34px auto 0;}
.platform-benefits div{display:flex;flex-direction:column;align-items:center;gap:7px;padding:0 12px;border-right:1px solid #e5b96866;color:#fff4e4;font-size:14px}
.platform-benefits div:last-child{border:0}
.platform-benefits span{font-size:32px;color:#ffd16d;line-height:1;text-shadow:0 0 13px #ffb82f}
.platform-benefits b{font-weight:600}
footer{font-size:13px}
@media(max-width:700px){.top{height:auto;min-height:72px;padding:10px 13px;gap:8px}.brand{font-size:15px;gap:7px}.brand i{font-size:20px}.brand .gift{font-size:25px}.platform-nav{gap:2px}.platform-nav a{padding:8px 7px;font-size:12px}.platform-nav a span{display:none}.platform-nav a.nav-home span{display:inline}.platform-landing{margin:0 -13px;min-height:calc(100svh - 125px);padding:54px 15px 42px;background-position:center}.platform-gift{font-size:48px}.platform-landing h1{font-size:clamp(43px,12vw,67px);margin:7px 0 14px}.platform-lead{font-size:19px}.desktop-break{display:none}.ornament-divider{margin:12px auto 19px}.portal-choice{grid-template-columns:1fr;gap:14px;max-width:430px}.portal-card{padding:19px 15px 18px;border-radius:21px}.portal-icon{font-size:38px}.portal-card h2{font-size:21px}.portal-card p{font-size:14px;margin-bottom:14px}.portal-card .cta{width:100%;min-width:0;padding:13px 16px;font-size:15px}.platform-benefits{grid-template-columns:repeat(2,1fr);row-gap:19px;margin-top:26px}.platform-benefits div{font-size:12px;padding:0 7px}.platform-benefits div:nth-child(2){border:0}.platform-benefits span{font-size:27px}}
@media(prefers-reduced-motion:reduce){.platform-gift{animation:none}}

/* JULKLAPSPORTALEN — complete public landing-page rebuild */
:root{--jp-gold:#ffd06f;--jp-gold2:#ffb43c;--jp-red:#c50018;--jp-cream:#fff7eb}
html{scroll-behavior:smooth}
body{background:#05090e;color:var(--jp-cream);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.top{height:84px;padding:0 clamp(18px,6vw,92px);display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:30;background:linear-gradient(90deg,#050609f5,#0c0d12f5,#050609f5);border-bottom:1px solid #e9b65a;box-shadow:0 2px 22px #000b}
.top:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,transparent,#ffd36e,#fff0c3,#ffb63e,transparent);filter:drop-shadow(0 0 7px #ffba45)}
.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:clamp(20px,2vw,27px);font-weight:700;white-space:nowrap;color:#fff4df;text-decoration:none}
.brand .gift{font-size:40px;color:#ffca62;filter:drop-shadow(0 0 12px #ffb52c);animation:jp-float 4s ease-in-out infinite}
.brand i{display:inline;color:#ffd06f;font-family:"Brush Script MT","Segoe Script",cursive;font-size:1.12em;font-weight:500}
.platform-nav{display:flex;align-items:center;gap:clamp(5px,1.7vw,28px)}
.platform-nav a{display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#fff7ec;text-decoration:none;font-size:clamp(12px,1.15vw,16px);font-weight:600;padding:11px 15px;border:1px solid transparent;border-radius:28px;white-space:nowrap;transition:.2s}
.platform-nav a:hover{color:#ffda91;border-color:#d9a64f88;text-shadow:0 0 12px #ffbf54}
.platform-nav a.nav-home{background:linear-gradient(#d70e20,#83000c);border-color:#ff7667;box-shadow:0 0 18px #d6002877,inset 0 1px #fff7}
.wrap{max-width:none;padding:0;position:relative;z-index:1}
.portal-landing{position:relative;isolation:isolate;min-height:calc(100svh - 84px);padding:26px 20px 45px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background-image:linear-gradient(180deg,#03081126 0%,#06101a2b 48%,#080b0e75 100%),url('winter-scene.jpg');background-position:center 52%;background-size:cover;background-repeat:no-repeat}
.portal-landing:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 37%,#06101a10 0%,#03070c42 48%,#0204079c 100%),linear-gradient(90deg,#02060b26,transparent 24%,transparent 76%,#02060b26);pointer-events:none}
.portal-landing:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.22;background-image:radial-gradient(2px 2px at 20px 30px,#fff 99%,transparent),radial-gradient(2px 2px at 130px 170px,#ffe9bd 99%,transparent),radial-gradient(1px 1px at 250px 80px,#fff 99%,transparent);background-size:300px 250px;animation:jp-snow 18s linear infinite}
.portal-copy{width:min(100%,1120px);margin:auto;position:relative;z-index:2;padding:6px 0 0}
.portal-gift{font-size:64px;line-height:1.1;filter:drop-shadow(0 0 13px #ffb82f);animation:jp-float 4s ease-in-out infinite}
.portal-landing h1{margin:3px 0 10px;color:#fff8ef;font:500 clamp(48px,6.3vw,88px)/1.04 Georgia,"Times New Roman",serif;letter-spacing:-2px;text-shadow:0 3px 22px #000,0 0 18px #fff3}
.portal-landing h1 span{color:#ffd078;font-style:italic;text-shadow:0 0 9px #ffb83f,0 0 24px #f7a92a,0 0 45px #ed941d;white-space:nowrap}
.portal-tagline{margin:8px 0 0;font:500 clamp(18px,2.3vw,28px) Georgia,serif;color:#fff4e5;text-shadow:0 2px 12px #000}
.portal-subtitle{margin:10px 0 0;font:500 clamp(16px,1.8vw,22px)/1.28 Georgia,serif;color:#fff6e9;text-shadow:0 2px 12px #000}
.portal-divider{display:flex;align-items:center;justify-content:center;gap:14px;margin:12px auto 16px;color:#ffcf69;font-size:32px;line-height:1;text-shadow:0 0 14px #ffb82f}
.portal-divider span{width:clamp(55px,12vw,150px);height:2px;background:linear-gradient(90deg,transparent,#ffc65c,transparent);filter:drop-shadow(0 0 5px #ffb82f)}
.portal-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:min(100%,900px);margin:0 auto}
.portal-card{position:relative;overflow:hidden;min-height:270px;padding:22px 25px 20px;border:2px solid #f3bb60;border-radius:27px;background:radial-gradient(ellipse at 50% 0%,#4a2a1e8c,#171313e8 62%,#0b0d10ef);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #fff5d477,inset 0 -10px 30px #e49b2714,0 0 13px #ffbd55b8,0 0 32px #eaa23955,0 17px 38px #000b;transition:transform .25s,border-color .25s,box-shadow .25s}
.portal-card:before{content:"❄";position:absolute;top:6px;left:13px;font-size:48px;color:#f9d58b38;pointer-events:none}
.portal-card:after{content:"";position:absolute;left:7%;right:7%;bottom:-2px;height:3px;background:linear-gradient(90deg,transparent,#fff0b7,#ffb63d,#fff0b7,transparent);filter:drop-shadow(0 0 8px #ffc14d)}
.portal-card:hover{transform:translateY(-5px);border-color:#fff0b7;box-shadow:inset 0 1px 0 #fff9d9,0 0 20px #ffd071,0 0 42px #eaa23988,0 20px 40px #000b}
.portal-icon{font-size:52px;color:#ffd16d;line-height:1.05;text-shadow:0 0 12px #ffb82f,0 0 25px #ffad2e;filter:drop-shadow(0 0 8px #ffbd4b)}
.portal-card h2{font-size:clamp(20px,2.2vw,27px);font-weight:800;margin:8px 0;color:#fff8ee;text-shadow:0 2px 10px #000}
.portal-card p{max-width:360px;margin:0 auto 17px;font-size:clamp(14px,1.35vw,17px);line-height:1.38;color:#f5e8d9;text-shadow:0 2px 8px #000}
.portal-button{display:flex;align-items:center;justify-content:center;gap:22px;width:min(100%,325px);min-height:58px;margin:0 auto;padding:13px 20px;border-radius:40px;text-decoration:none;color:#fff;font-size:clamp(16px,1.6vw,21px);font-weight:800;transition:transform .2s,filter .2s,box-shadow .2s}
.portal-button:hover{transform:translateY(-2px) scale(1.025);filter:brightness(1.15)}
.portal-button span{font-size:1.35em;font-weight:400;line-height:.7}
.portal-button-red{background:linear-gradient(180deg,#f10e22,#b50012 58%,#79000a);border:2px solid #ffcf86;box-shadow:inset 0 2px 0 #fff8,0 0 9px #ff4a25,0 0 23px #e8001e99,0 8px 20px #0009}
.portal-button-gold{background:linear-gradient(180deg,#171514,#080a0d);border:2px solid #ffc45c;box-shadow:inset 0 1px #fff5,0 0 12px #ffb93f99,0 8px 20px #0009}
.portal-benefits{display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,920px);margin:28px auto 0}
.portal-benefits div{display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 14px;border-right:1px solid #d7a75a88;color:#fff5e8}
.portal-benefits div:last-child{border-right:0}
.portal-benefits span{font-size:37px;line-height:1;color:#ffcf55;text-shadow:0 0 13px #ffb62d;filter:drop-shadow(0 0 5px #ffb62d)}
.portal-benefits b{font-size:clamp(11px,1.15vw,15px);font-weight:600;text-shadow:0 2px 8px #000}
footer{position:relative;z-index:2;padding:17px 12px;text-align:center;background:#07090d;border-top:1px solid #c69b55;color:#d8bd8b;font-size:12px}
@keyframes jp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes jp-snow{from{background-position:0 -250px}to{background-position:40px 600px}}
@media(max-width:760px){.top{height:auto;min-height:72px;padding:10px 13px;gap:8px;flex-wrap:wrap}.brand{font-size:18px}.brand .gift{font-size:29px}.brand i{font-size:20px}.platform-nav{gap:3px}.platform-nav a{padding:8px 8px;font-size:11px;gap:4px}.platform-nav a span{display:none}.portal-landing{min-height:calc(100svh - 72px);padding:25px 14px 35px;background-position:center;background-size:auto 100%;}.portal-copy{padding-top:4px}.portal-gift{font-size:48px}.portal-landing h1{font-size:clamp(38px,10vw,60px);letter-spacing:-1px}.portal-landing h1 span{display:block;font-size:1.04em}.portal-tagline{font-size:18px}.portal-subtitle{font-size:16px}.portal-divider{margin:10px auto 14px;font-size:26px}.portal-choice{grid-template-columns:1fr;gap:13px;max-width:440px}.portal-card{min-height:0;padding:17px 17px 16px;border-radius:22px}.portal-icon{font-size:39px}.portal-card h2{font-size:21px;margin:5px 0}.portal-card p{font-size:14px;margin-bottom:12px}.portal-button{min-height:49px;font-size:16px}.portal-benefits{margin-top:22px;grid-template-columns:repeat(2,1fr);row-gap:16px}.portal-benefits div{padding:0 7px}.portal-benefits div:nth-child(2){border-right:0}.portal-benefits span{font-size:30px}.portal-benefits b{font-size:11px}}
@media(max-width:390px){.brand{font-size:16px}.platform-nav a{padding:7px 6px}.portal-landing{padding-left:10px;padding-right:10px}.portal-card{padding:15px}.portal-benefits span{font-size:27px}}
@media(prefers-reduced-motion:reduce){.portal-landing:after,.portal-gift,.brand .gift{animation:none!important}}