/* Original Amaryllis palette, translucent surfaces and accessible symbol navigation. */
:root{--ink:#19396b;--muted:#54627c;--red:#b20169;--line:#ffffffad;--paper:#f1f2fa;--green:#007c32;--glass:linear-gradient(135deg,#ffffffd9,#ffffff85);--shadow:0 16px 45px #253d6b0b,inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff80;--flower-orange:#ee7d00;--flower-green:#007c32;--flower-lime:#bcbe00;--flower-yellow:#ffcf00;--flower-red:#dc052b;--flower-magenta:#b20169;--flower-purple:#7e65a9}
body{background:#f2f3fb;background-image:radial-gradient(ellipse at 9% 16%,#ffcf002b,transparent 42%),radial-gradient(ellipse at 87% 8%,#b201691e,transparent 40%),radial-gradient(ellipse at 80% 80%,#7e65a930,transparent 48%),radial-gradient(ellipse at 20% 88%,#007c321c,transparent 44%);background-attachment:fixed;min-height:100vh}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 48% 48%,#fff9,transparent 65%)}
.hero,.card,.panel,.sidebar,header,.account,.search input,.login-shell,form input,form select,.callout,.icon-box{background:var(--glass);-webkit-backdrop-filter:blur(26px) saturate(150%);backdrop-filter:blur(26px) saturate(150%);border:1px solid #ffffffd9;box-shadow:var(--shadow)}
.design-note{background:linear-gradient(90deg,#ffffffb5,#ffffff76,#ffffffb5);border-bottom:1px solid #fff9;color:#53617c;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);font-size:9px;letter-spacing:1.5px}
.design-note:before{content:'';height:8px;width:8px;border-radius:50%;background:#007c32;box-shadow:0 0 0 4px #007c3210}
.sidebar{background:linear-gradient(155deg,#ffffffb8,#ffffff61);border-width:0 1px 0 0;box-shadow:9px 0 40px #19396b03;padding-top:29px}
.wordmark{display:inline-flex;align-items:center;gap:9px;font-size:29px;letter-spacing:-1.6px;margin:0 6px;color:#19396b;flex-shrink:0}.wordmark span{font-size:11px;margin-left:-7px;color:#b20169}.brand-flower{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 2px 3px #19396b12)}
.brand-caption{color:#65708a;font-size:7.5px;letter-spacing:1.3px;margin:13px 8px 30px}
nav{gap:9px}nav a{padding:10px;border-radius:17px;min-height:54px;font-size:12px;color:#53617c;transition:background .2s,transform .2s,box-shadow .2s;gap:13px}nav a svg{height:34px;width:34px;padding:7px;box-sizing:content-box;border-radius:15px;background:#ffffff8c;border:1px solid #ffffffc9;box-shadow:0 4px 12px #19396b06,inset 0 1px 0 #fff;width:23px;height:23px;stroke-width:1.65;color:#19396b}
nav a[data-nav=wedstrijd] svg{color:#ab5000;background:linear-gradient(140deg,#fff9,#ee7d0026)}nav a[data-nav=budgetloket] svg{color:#007c32;background:linear-gradient(140deg,#fff9,#bcbe002c)}nav a[data-nav=socialmedia] svg{color:#771469;background:linear-gradient(140deg,#fff9,#7e65a92b)}nav a[data-nav=activiteiten] svg{color:#b20169;background:linear-gradient(140deg,#fff9,#dc052b20)}
nav a.active{background:linear-gradient(130deg,#ffffffec,#ffffff70);color:#19396b;box-shadow:0 7px 24px #19396b09,inset 0 1px 0 #fff;border:1px solid #ffffffe0}nav a:hover{background:#ffffffb5;transform:translateX(2px)}nav .nav-separator{border-top:1px solid #19396b0c;margin-top:9px;padding-top:19px;border-radius:0}
.side-bottom{padding-left:9px;padding-right:9px}.side-bottom img{max-width:175px;max-height:80px;filter:drop-shadow(0 1px 3px #ffffff80)}.side-bottom p,.private-label{color:#54627c}.private-label{font-size:9px}
header{background:#ffffff4d;border-width:0 0 1px;box-shadow:none;height:88px}.account{border-radius:28px;padding:6px 13px 6px 6px;gap:10px}.avatar{background:linear-gradient(140deg,#fff,#7e65a929);color:#19396b;box-shadow:inset 0 1px 1px #fff;border:1px solid #fff9}.account small{font-size:9px}.breadcrumb{color:#66718a}
main{padding-top:32px}.eyebrow{color:#675480;letter-spacing:1.8px}.hero{border-radius:29px;padding:35px 240px 34px 33px;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#ffffffd9,#ffffff8c 60%,#ffffff50)}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 60%,#b2016910,transparent 50%),radial-gradient(ellipse at 2% 100%,#ffcf001b,transparent 50%)}
.hero h1{font-size:clamp(28px,2.8vw,37px);line-height:1.22;letter-spacing:-1.35px;max-width:600px}.hero h1 em{color:#7e4b8e}.hero p{color:#54627c;font-size:12px;line-height:1.85;max-width:430px}.hero-art{display:grid;place-items:center;right:24px;top:50%;transform:translateY(-50%);width:184px;height:210px;opacity:.93;filter:drop-shadow(0 12px 15px #7e65a91b);z-index:0}.hero-art:before{content:'';position:absolute;inset:4px -9px;border-radius:50%;background:radial-gradient(circle,#ffffffad,#ffffff00 70%);z-index:-1}.hero-art img{width:100%;height:auto}.search{margin-top:23px;width:calc(100% + 120px);max-width:540px}.search input{border-radius:17px;padding:16px 18px 16px 48px;background:linear-gradient(150deg,#ffffffed,#ffffffa8);color:#19396b;font-size:12px}.search input::placeholder{color:#66718a}.search svg{color:#7e65a9;top:16px;z-index:2;pointer-events:none}
.section-head{margin-top:29px}.section-head h2{font-size:19px;letter-spacing:-.6px}.section-head span{font-size:10px;color:#5e6b85}.cards{gap:18px}.card{border-radius:25px;padding:23px 25px;position:relative;isolation:isolate;overflow:hidden;min-height:250px;background:linear-gradient(135deg,#ffffffed,#ffffff87)}.card:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 8% 0%,color-mix(in srgb,var(--tint),transparent 86%),transparent 68%)}.card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #19396b12,inset 0 1px 0 #fff;border-color:#fff}.card h3{font-size:21px;color:#19396b;margin-top:18px}.card p{color:#53617b;margin-bottom:17px;font-size:12px}.icon-box{width:68px;height:68px;border-radius:22px;position:relative;background:linear-gradient(145deg,#ffffffd9,color-mix(in srgb,var(--tint),transparent 78%));color:var(--accent);box-shadow:0 8px 18px color-mix(in srgb,var(--tint),transparent 89%),inset 0 2px 2px #ffffffed,inset 0 -2px 4px #ffffff50;transform:rotate(-4deg)}.icon-box:after{content:'';position:absolute;top:4px;left:12px;right:12px;height:11px;border-radius:50%;background:#ffffff7a;filter:blur(3px)}.icon-box svg{width:33px;height:33px;transform:rotate(4deg);stroke-width:1.65}.card-bottom{font-size:11px}.card-bottom>svg{background:#ffffff9c;border:1px solid #fff;width:31px;height:31px;border-radius:50%;padding:7px;box-shadow:0 3px 9px #19396b05}.tag{background:#ffffff70;border:1px solid #fff9;color:#56627b;font-size:8px;padding:6px 9px}.card .favorite{color:#74708b;font-size:24px;margin-left:auto}.card .favorite[aria-pressed=true]{color:#b20169}
.panel{border-radius:24px;background:linear-gradient(140deg,#ffffffd9,#ffffff8c)}.panel h2{color:#19396b}.panel p,.minor,.intro{color:#53617b}.note-row{border-color:#19396b0b}.note-row svg{color:#7e65a9;background:#ffffff9c;box-sizing:content-box;padding:9px;border-radius:13px;border:1px solid #fff}.callout{border-radius:18px;background:linear-gradient(130deg,#ffffffb3,#bcbe0017);color:#46566d}.text-link{color:#8f0055}.button{border:1px solid #ffffff70;background:linear-gradient(135deg,#244a7c,#19396b 65%,#382758);box-shadow:0 8px 21px #19396b1a,inset 0 1px 1px #ffffff40;border-radius:15px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #19396b24}.table-wrap{border-radius:14px}th,td{border-color:#19396b0b}.empty{background:#ffffff7a;border:1px dashed #7e65a947;color:#53617b}footer{color:#5d6981;border-color:#ffffff8c;font-size:9px}.back{color:#53617b}.back svg{background:#ffffffa8;border:1px solid #fff;padding:5px;width:30px;height:30px;border-radius:50%}
/* Shared glass treatment for login, activation and account management. */
.account-page{padding:30px}.login-shell{border-radius:32px;max-width:1120px;background:linear-gradient(135deg,#ffffffaa,#ffffff63);box-shadow:0 25px 90px #19396b12,inset 0 1px 0 #fff;overflow:hidden}.login-story{position:relative;isolation:isolate;background:linear-gradient(145deg,#ffffff6b,#ffffff10);min-height:720px;padding:34px 43px;gap:25px;border-right:1px solid #ffffffb0}.login-story:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 0% 20%,#ffcf0017,transparent 62%),radial-gradient(ellipse at 90% 65%,#7e65a91c,transparent 60%)}.login-story .wordmark{font-size:27px;gap:9px}.login-story .brand-flower{width:33px;height:33px}.login-emblem{width:145px;height:145px;margin:0 0 29px;display:grid;place-items:center;position:relative}.login-emblem:before{content:'';position:absolute;inset:-10px;border:1px solid #ffffffeb;box-shadow:0 15px 35px #19396b08,inset 0 1px 2px #fff;background:linear-gradient(145deg,#ffffff94,#ffffff20);border-radius:45px;transform:rotate(-8deg);z-index:-1}.login-emblem img{width:128px;height:128px;object-fit:contain;filter:drop-shadow(0 7px 8px #19396b14)}.login-story h1{font-size:33px;line-height:1.25;letter-spacing:-1px;margin:15px 0}.login-story p{color:#53617b;font-size:12px;line-height:1.85;max-width:390px}.login-story>img{width:175px;max-height:75px;filter:drop-shadow(0 1px 2px #fff6)}.login-features{gap:8px;display:grid;grid-template-columns:1fr 1fr;margin-top:22px;max-width:365px}.login-features span{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #ffffffd9;border-radius:16px;background:linear-gradient(135deg,#ffffffb3,#ffffff47);box-shadow:0 5px 16px #19396b04,inset 0 1px 0 #fff;font-size:10px;color:#19396b}.feature-chip svg{width:21px;height:21px}.feature-chip:nth-child(1) svg{color:#b45300}.feature-chip:nth-child(2) svg{color:#007c32}.feature-chip:nth-child(3) svg{color:#771469}.feature-chip:nth-child(4) svg{color:#b20169}
.login-form{padding:65px 45px;align-self:center;min-width:0}.login-form h2{font-size:31px;color:#19396b}.login-form>p{font-size:12px;color:#53617b}.login-form .eyebrow{font-size:9px;color:#675480}form input,form select{border-radius:13px;background:linear-gradient(150deg,#ffffffed,#ffffff8c);border-color:#ffffffed;box-shadow:0 5px 18px #19396b04,inset 0 1px 0 #fff;color:#19396b;padding:14px}form input::placeholder{color:#64728b}form label{color:#33496b;font-size:11px}form .button{border-radius:14px}.login-foot{border-color:#19396b12;font-size:9px;color:#53617b}details{color:#53617b;font-size:11px}summary{color:#33496b}#status.error,.status-box{color:#ae0032}.admin-actions button{border-radius:11px;background:linear-gradient(140deg,#ffffffd9,#ffffff70);border:1px solid #fff;color:#19396b;box-shadow:0 3px 12px #19396b05}.admin-actions button.button{background:linear-gradient(135deg,#244a7c,#19396b);color:#fff}.invite-output{background:linear-gradient(135deg,#ffffffc9,#bcbe0015);border:1px solid #fff;border-radius:16px}.invite-output input{background:#ffffffcf;border-color:#fff;border-radius:10px}.admin-form h3{font-size:14px;color:#19396b}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #771469;outline-offset:4px}
@supports not (backdrop-filter:blur(1px)){.hero,.card,.panel,.sidebar,header,.login-shell,.login-story,.search input{background:#fffffff0}}
@media(min-width:1500px){.hero{padding:42px 260px 40px 39px}.hero-art{right:38px;width:194px}.hero h1{font-size:40px}}
@media(max-width:1100px){.wordmark{font-size:25px;gap:7px}.brand-flower{width:31px;height:31px}.brand-caption{font-size:6.7px}.sidebar{padding-left:12px;padding-right:12px}.hero{padding-right:180px}.hero-art{right:14px;width:142px;opacity:.9}.hero h1{font-size:30px}.search{width:calc(100% + 105px)}nav a{gap:10px;font-size:11px;padding:9px 7px}nav a svg{padding:6px;width:21px;height:21px}.side-bottom img{max-width:150px}.login-story{padding:33px}.login-form{padding:50px 34px}}
@media(max-width:760px){.account-page{padding:17px}.login-shell{grid-template-columns:1fr;max-width:540px;border-radius:27px}.login-story{min-height:0;padding:24px 28px;border-right:0;border-bottom:1px solid #ffffffb0;gap:22px}.login-story>div{position:relative;padding-right:75px}.login-emblem{position:absolute;right:0;top:16px;width:61px;height:70px;margin:0}.login-emblem img{width:64px;height:64px}.login-emblem:before{inset:-3px;border-radius:23px}.login-story h1{font-size:25px;letter-spacing:-.8px}.login-story .eyebrow{font-size:8px;letter-spacing:1.1px}.login-story p{font-size:11px;margin-bottom:0}.login-story>img{display:none}.login-features{grid-template-columns:1fr 1fr;width:calc(100% + 75px);gap:7px;margin-top:19px}.login-features span{font-size:9px;padding:8px 10px}.feature-chip svg{width:18px;height:18px}.login-form{padding:28px}.login-form h2{font-size:27px;margin-top:12px}.login-form>p{font-size:11px}.login-foot{margin-top:24px}.login-form form label{margin-top:17px}.login-story .wordmark{font-size:26px}.login-story .brand-flower{width:32px;height:32px}}
@media(max-width:720px){.design-note{padding:8px 13px;letter-spacing:.8px}.design-note:before{display:none}.design-note span{font-size:9px;line-height:1.5}.sidebar{padding:16px 15px 0;background:#ffffff6b;overflow:visible}.sidebar .wordmark{font-size:26px;gap:9px}.sidebar .brand-flower{width:32px;height:32px}.brand-caption{font-size:7px;margin:7px 2px 15px}nav{gap:8px;padding:0 2px 12px;scrollbar-width:none}nav a,nav .nav-separator{flex-direction:column;gap:6px;padding:9px 11px;border:1px solid #fff8;border-radius:18px;background:#ffffff45;font-size:9px;min-height:74px;margin:0;justify-content:center}nav a svg{width:21px;height:21px;padding:4px;border-radius:12px;box-shadow:none;background:transparent}nav a.active{background:linear-gradient(140deg,#fffffff0,#ffffff80)}header{height:67px;padding:0 17px;background:#ffffff3d}.account{padding:4px 9px 4px 4px;font-size:10px}.account small{display:none}main{padding:21px 17px 35px}.hero{padding:27px 24px 24px;border-radius:25px}.hero h1{font-size:29px;max-width:440px;letter-spacing:-1.1px;padding-right:18px}.hero p{max-width:400px;font-size:11px;padding-right:28px}.hero-art{display:block;top:24px;right:-22px;width:110px;height:110px;transform:none;opacity:.1;z-index:-1}.search{width:100%;margin-top:20px}.search input{font-size:11px;padding-top:15px;padding-bottom:15px}.section-head span{font-size:9px}.section-head h2{font-size:18px}.cards{grid-template-columns:1fr;gap:15px}.card{min-height:0;padding:22px;border-radius:24px}.icon-box{width:61px;height:61px;border-radius:20px}.icon-box svg{width:29px;height:29px}.card h3{margin:16px 0 8px;font-size:21px}.card p{font-size:12px}.card-bottom{font-size:11px}.panel{border-radius:22px}.page-title{font-size:28px}.intro{font-size:12px}.below{margin-top:24px}.tag{font-size:8px}footer{font-size:9px;padding:20px 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.card:hover,nav a:hover,.button:hover{transform:none}}