:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05060d;--text:#e7e7ef;--muted:#8b8ba7;--accent:#2c9bde}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#05060d;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{background:radial-gradient(circle at 50% 30%,#0d1527 0%,#05060d 100%);position:fixed;inset:0;overflow:hidden}.bg-glow{filter:blur(130px);opacity:.18;pointer-events:none;z-index:0;mix-blend-mode:screen;border-radius:50%;width:min(650px,80vw);height:min(650px,80vw);position:absolute}.bg-glow-1{background:radial-gradient(circle,#2c9bde 0%,#2c9bde00 70%);animation:22s ease-in-out infinite alternate glow-float-1;top:-10%;left:-10%}.bg-glow-2{background:radial-gradient(circle,#8b5cf6 0%,#8b5cf600 70%);animation:28s ease-in-out infinite alternate glow-float-2;bottom:-15%;right:-10%}.bg-glow-3{background:radial-gradient(circle,#3b82f6 0%,#3b82f600 70%);animation:18s ease-in-out infinite alternate glow-float-3;top:40%;left:60%}@keyframes glow-float-1{0%{transform:translate(0)scale(1)}to{transform:translate(120px,70px)scale(1.15)}}@keyframes glow-float-2{0%{transform:translate(0)scale(1.1)}to{transform:translate(-140px,-80px)scale(.9)}}@keyframes glow-float-3{0%{transform:translate(0)scale(.85)}to{transform:translate(-90px,50px)scale(1.15)}}.avatar-container{z-index:1;pointer-events:none;transition:transform .8s cubic-bezier(.25,.8,.25,1);position:absolute;inset:0}.avatar-container canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.brand{z-index:10;pointer-events:none;position:fixed;top:26px;left:30px}.brand-mifa,.brand-tech{letter-spacing:.16em;font-size:22px;font-weight:800}.brand-mifa{color:#eef1f6}.brand-tech{background:linear-gradient(135deg,#00f2fe 0%,#4facfe 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-left:7px}.brand-sub{letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-top:5px;font-size:10px;font-weight:500;display:block}.robot{background:0 0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.robot-stage{aspect-ratio:1424/752;transform-origin:50% 62%;max-width:100%;height:100%;animation:6s ease-in-out infinite robot-breathe;position:relative}@keyframes robot-breathe{0%,to{transform:translateY(0)rotate(-.5deg)scale(1)}50%{transform:translateY(-1%)rotate(.5deg)scale(1.006)}}.robot-img{object-fit:contain;width:100%;height:100%;display:block}.robot-stage:after{content:"";pointer-events:none;background:radial-gradient(at 50% 42%,#05060d00 28%,#05060d8c 58%,#05060df5 82%);position:absolute;inset:0}.robot-glow{pointer-events:none;mix-blend-mode:screen;border-radius:50%;position:absolute}.robot-aura{filter:blur(24px);width:60%;height:64%;transform:translate(-50%, -50%) scale(calc(1 + var(--amp,0) * .25));background:radial-gradient(circle, rgba(var(--gr,90), var(--gg,198), var(--gb,255), calc(.07 + var(--amp,0) * .22)) 0%, #0000 60%);top:40%;left:47%}.robot-eyes{filter:blur(3px);background:radial-gradient(#8cdcff99 0%,#0000 70%);width:15%;height:5.5%;animation:4.6s infinite eye-blink,2.8s ease-in-out infinite eye-pulse;top:30%;left:47%;transform:translate(-50%,-50%)}@keyframes eye-blink{0%,92%,to{opacity:1}94%{opacity:.1}96%{opacity:1}}@keyframes eye-pulse{0%,to{filter:blur(3px)brightness()}50%{filter:blur(3px)brightness(1.4)}}.robot-mouth{filter:blur(3px);width:8%;height:2.4%;transform:translate(-50%, -50%) scaleY(calc(.35 + var(--amp,0) * 3.2));opacity:calc(.16 + var(--amp,0) * .95);background:radial-gradient(#96e1fff2 0%,#39b6ff80 45%,#0000 75%);top:44%;left:47%}.robot-chest{filter:blur(9px);width:24%;height:12%;transform:translate(-50%, -50%) scale(calc(1 + var(--amp,0) * .18));background:radial-gradient(ellipse, rgba(var(--gr,90), var(--gg,198), var(--gb,255), calc(.1 + var(--amp,0) * .4)) 0%, #0000 70%);top:80%;left:46%}.robot-missing{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.robot-missing code{color:#cfd0e2;background:#ffffff0f;border-radius:8px;padding:6px 12px;font-family:ui-monospace,Consolas,monospace;font-size:13px}.dev-panel{-webkit-backdrop-filter:blur(10px);z-index:10;background:#0a0c188c;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:fixed;top:16px;right:16px}.dev-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px}.dev-row{flex-wrap:wrap;gap:6px;display:flex}.dev-panel button{font:inherit;color:#cfd0e2;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:9px;padding:6px 12px;font-size:13px;transition:background .15s,border-color .15s}.dev-panel button:hover{background:#ffffff1a}.dev-panel button.active{background:var(--accent);border-color:var(--accent);color:#fff}.phase{z-index:5;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:13vh;transition:transform .8s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;inset:0}.phase>*{pointer-events:auto}.attract{z-index:5;color:#e7e7ef;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:12vh;display:flex;position:fixed;inset:0}.attract-pulse{background:#39b6ff;border-radius:50%;width:14px;height:14px;margin-bottom:18px;animation:1.8s infinite attract-pulse}@keyframes attract-pulse{0%{box-shadow:0 0 #39b6ff80}70%{box-shadow:0 0 0 24px #39b6ff00}to{box-shadow:0 0 #39b6ff00}}.attract-text{letter-spacing:.1em;font-size:22px}.attract-hint{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:8px;font-size:12px}.phase-q{color:#fff;text-shadow:0 2px 24px #000000b3;margin:0 0 22px;font-size:30px;font-weight:600}.persona-grid{flex-wrap:wrap;justify-content:center;gap:16px;max-width:1100px;padding:0 20px;display:flex}.persona-card{-webkit-backdrop-filter:blur(10px);color:#e7e7ef;cursor:pointer;text-align:left;background:#0c101c9e;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:8px;width:210px;padding:20px 18px;transition:transform .15s,border-color .15s,background .15s;display:flex}.persona-card:hover{border-color:var(--accent);background:#141a2cd1;transform:translateY(-4px)}.persona-icon{font-size:30px}.persona-label{font-size:17px;font-weight:700}.persona-tag{color:var(--muted);font-size:13px}.demo-head{text-align:center;margin-bottom:18px}.demo-persona{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:13px}.demo-head h2{color:#fff;text-shadow:0 2px 24px #000000b3;margin:6px 0 0;font-size:26px}.demo-grid{flex-wrap:wrap;justify-content:center;gap:16px;max-width:1000px;margin-bottom:18px;padding:0 20px;display:flex}.demo-card{text-align:left;-webkit-backdrop-filter:blur(10px);color:#e7e7ef;cursor:pointer;background:#0c101c9e;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:6px;width:330px;padding:18px;transition:transform .15s,border-color .15s;display:flex}.demo-card:hover{border-color:#39b6ff;transform:translateY(-4px)}.demo-metric{color:#5fc6ff;font-size:22px;font-weight:800}.demo-title{font-size:16px;font-weight:700}.demo-benefit{color:#b9bcd0;font-size:13px;line-height:1.4}.demo-cta{color:#39b6ff;margin-top:4px;font-size:13px}.demo-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.demo-actions button{font:inherit;color:#e7e7ef;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;padding:10px 16px;font-size:14px}.demo-actions button:hover{background:#ffffff1f}.demo-actions .ghost{opacity:.7}.stub{text-align:center;color:#e7e7ef;-webkit-backdrop-filter:blur(10px);background:#0c101c9e;border:1px solid #ffffff1f;border-radius:18px;max-width:520px;padding:28px 36px}.stub h2{color:#fff;margin:0 0 8px}.stub p{color:#b9bcd0;margin:0 0 18px}.captions{z-index:100;pointer-events:none;width:90vw;max-width:600px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:fixed;bottom:4vh;left:50%;transform:translate(-50%)}.captions-bubble{-webkit-backdrop-filter:blur(16px);background:#0b1220d9;border:1px solid #00f2fe33;border-radius:16px;flex-direction:column;gap:4px;padding:12px 20px;display:flex;box-shadow:0 10px 30px #00000080,inset 0 0 15px #00f2fe0d}.captions-speaker{text-transform:uppercase;letter-spacing:.08em;color:#00f2fe;text-shadow:0 0 8px #00f2fe66;text-align:left;font-size:11px;font-weight:800}.captions-text{color:#e2e8f0;text-align:left;margin:0;font-size:15.5px;font-weight:500;line-height:1.5}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.demo-overlay{z-index:7;-webkit-backdrop-filter:blur(4px);background:#03040a8c;justify-content:center;align-items:center;padding:3vh 2vw;display:flex;position:fixed;inset:0}.phone-demo{background:#0a0e1aed;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;width:min(1080px,96vw);max-height:92vh;display:flex;overflow:hidden;box-shadow:0 30px 80px #00000080}.phone-head{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:16px 20px;font-weight:600;display:flex}.phone-title{flex:1}.call-dot{background:#39b6ff;border-radius:50%;width:12px;height:12px}.call-ringing{background:#f5a623;animation:1s infinite ring-pulse}.call-live{background:#2ecc71;animation:1.6s infinite ring-pulse}.call-done{background:#2ecc71}@keyframes ring-pulse{0%,to{opacity:1}50%{opacity:.3}}.demo-close{color:#cfd0e2;cursor:pointer;background:#ffffff14;border:0;border-radius:8px;width:30px;height:30px;font-size:14px}.demo-close:hover{background:#ffffff29}.phone-body{grid-template-columns:1fr 1.25fr;gap:18px;padding:18px 20px;display:grid;overflow:auto}@media (width<=760px){.phone-body{grid-template-columns:1fr}}.phone-convo{flex-direction:column;gap:10px;min-height:260px;display:flex}.bubble{border-radius:14px;max-width:88%;padding:10px 14px;font-size:14px;line-height:1.4;animation:.25s bubble-in}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bubble.mifa{color:#fff;background:linear-gradient(135deg,#1c4f8a,#2c9bde);border-bottom-left-radius:4px;align-self:flex-start}.bubble.caller{color:#e7e7ef;background:#ffffff14;border-bottom-right-radius:4px;align-self:flex-end}.phone-cal-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:12px}.cal{grid-template-columns:52px repeat(5,1fr);gap:4px;display:grid}.cal-day{text-align:center;color:#b9bcd0;padding:4px 0;font-size:12px;font-weight:700}.cal-time{color:var(--muted);align-items:center;font-size:11px;display:flex}.cal-cell{background:#ffffff0a;border:1px solid #ffffff0a;border-radius:6px;justify-content:center;align-items:center;height:30px;display:flex;overflow:hidden}.cal-cell.taken{background:#7882a02e}.cal-name{color:#9aa0b8;white-space:nowrap;font-size:10px}.cal-cell.booked{background:#2ecc7140;border-color:#2ecc71;animation:.5s slot-pop;box-shadow:0 0 16px #2ecc7180}.cal-new{color:#aef5c8;white-space:nowrap;font-size:10px;font-weight:700}@keyframes slot-pop{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.phone-metric{border-top:1px solid #ffffff14;justify-content:center;gap:18px;padding:16px 20px;animation:.4s bubble-in;display:flex}.phone-metric div{flex-direction:column;align-items:center;display:flex}.phone-metric strong{color:#5fc6ff;font-size:24px}.phone-metric span{color:var(--muted);font-size:12px}.demo-overlay .demo-actions{padding:0 20px 18px}.role-grid{flex-wrap:wrap;justify-content:center;gap:22px;padding:0 20px;display:flex}.role-card{-webkit-backdrop-filter:blur(10px);color:#e7e7ef;cursor:pointer;text-align:center;background:#0c101c9e;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;align-items:center;gap:10px;width:280px;padding:30px 24px;transition:transform .15s,border-color .15s,background .15s;display:flex}.role-card:hover{border-color:var(--accent);background:#141a2cd1;transform:translateY(-5px)}.role-icon{font-size:46px}.role-label{font-size:20px;font-weight:700}.role-tag{color:var(--muted);letter-spacing:.04em;font-size:13px}.phase-form{justify-content:center;padding:4vh 16px;overflow-y:auto}.form-card{-webkit-backdrop-filter:blur(12px);background:#0a0e1adb;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:16px;width:min(560px,94vw);max-height:88vh;padding:26px 28px;display:flex;overflow-y:auto;box-shadow:0 30px 80px #00000080}.form-card.wide{width:min(720px,94vw)}.form-card.center{text-align:center;align-items:center}.form-title{color:#fff;margin:0;font-size:23px}.field{flex-direction:column;gap:7px;display:flex}.field>span{color:#b9bcd0;letter-spacing:.02em;font-size:13px}.field input{font:inherit;color:#f2f3fa;background:#ffffff0d;border:1px solid #ffffff24;border-radius:11px;outline:none;padding:11px 14px;font-size:16px;transition:border-color .15s,background .15s}.field input:focus{border-color:var(--accent);background:#ffffff14}.field-row{gap:14px;display:flex}.field-row .field{flex:1}.field-err{color:#ff8a8a;font-size:12px;font-style:normal}.chips{flex-wrap:wrap;gap:9px;display:flex}.chip{font:inherit;color:#d7d9e6;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;padding:9px 14px;font-size:14px;transition:background .12s,border-color .12s,transform .12s}.chip:hover{background:#ffffff17}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-1px)}.beruf-list{flex-direction:column;gap:9px;display:flex}.beruf-pill{background:#2c9bde1f;border:1px solid #5fc6ff4d;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;display:flex}.beruf-emoji{font-size:22px}.beruf-name{color:#fff;flex:1;font-size:16px;font-weight:700}.beruf-field{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.letter{white-space:pre-wrap;color:#e7e9f2;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;max-height:320px;margin:0;padding:16px 18px;font-family:inherit;font-size:14px;line-height:1.55;overflow-y:auto}.gen-loading{color:#9fc8ee;text-align:center;padding:18px;font-size:14px}.consent{color:#a9adc4;cursor:pointer;align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.45;display:flex}.consent input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin-top:2px}.form-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.form-actions.center{justify-content:center}.btn-primary{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:12px 22px;font-size:15px;font-weight:600;transition:filter .15s,opacity .15s}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.ghost-btn{font:inherit;color:#b9bcd0;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:12px;padding:12px 18px;font-size:14px}.ghost-btn:hover{background:#ffffff12}.takeaway-check{color:#fff;background:linear-gradient(135deg,#1c4f8a,#2ecc71);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:34px;display:flex;box-shadow:0 0 30px #2ecc7180}.takeaway-text{color:#c4c7d8;margin:0;font-size:15px;line-height:1.5}.takeaway-text strong{color:#fff}.qr-box{background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:14px;display:flex}.qr-cap{letter-spacing:.06em;color:#0b1220;font-size:12px;font-weight:600}.search-container{width:100%;position:relative}.selected-chips{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.selected-chip{color:#fff;background:#2c9bde26;border:1px solid #2c9bde4d;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:13.5px;display:inline-flex}.selected-chip button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;padding:0 0 0 4px;font-size:16px;transition:color .15s;display:flex}.selected-chip button:hover{color:#ff8a8a}.search-dropdown{z-index:100;background:#0f172a;border:1px solid #ffffff1f;border-radius:12px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #00000080}.dropdown-item{cursor:pointer;color:#e7e7ef;align-items:center;gap:10px;padding:10px 14px;font-size:14.5px;transition:background .12s;display:flex}.dropdown-item:hover{color:#fff;background:#ffffff14}.dropdown-no-results{color:var(--muted);text-align:center;padding:12px;font-size:13.5px}.stellenarten-selector{flex-wrap:wrap;gap:10px;display:flex}.stellenart-chip{color:#cfd0e2;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;padding:10px 16px;font-size:14.5px;transition:all .15s}.stellenart-chip:hover{background:#ffffff14}.stellenart-chip.active{border-color:var(--accent);color:#fff;background:#2c9bde26;box-shadow:0 0 12px #2c9bde33}@media (width>=1024px){.app.layout-form-active .avatar-container{transform:translate(25%)scale(.9)}.app.layout-form-active .phase-form{transform:translate(-20%)}}