:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263854;background:#f4f7fc;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 92% 7%,#dfeafe,transparent 27%),linear-gradient(180deg,#f8faff,#f0f4fa);min-height:100vh}
button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,label.btn:focus-within{outline:3px solid #8cafed;outline-offset:3px}[hidden]{display:none!important}
.wrap{width:min(1080px,calc(100% - 36px));margin-inline:auto}.header{display:flex;justify-content:space-between;align-items:center;padding:26px 0 21px;gap:12px}.brand{display:flex;align-items:center;gap:12px}.logo{height:48px;width:48px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f0ff,#d8e6ff);border:1px solid #cfddf3;border-radius:15px;font-size:24px}.brand strong{display:block;font-size:21px;letter-spacing:-.7px;color:#243b62}.brand span{display:block;font-size:12px;color:#73829b;margin-top:2px}.header-chip{font-size:12px;color:#345c8f;border:1px solid #ccdeed;background:#fff;border-radius:40px;padding:9px 12px;white-space:nowrap}.chip-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#43af86;margin-right:5px}
.hero{background:linear-gradient(120deg,#263e6e,#3868a0);border-radius:26px;padding:35px 43px 35px;display:flex;justify-content:space-between;gap:28px;min-height:260px;overflow:hidden;position:relative;color:#fff;box-shadow:0 16px 42px #30466d22}.hero-copy{position:relative;z-index:1;max-width:620px}.eyebrow{font-size:11px;font-weight:850;letter-spacing:2.1px;color:#c7e2ff}.hero h1{margin:12px 0 11px;line-height:1.13;letter-spacing:-1.5px;font-size:clamp(28px,3.7vw,43px)}.hero h1 em{font-style:normal;color:#b9e0ff}.hero p{line-height:1.55;color:#e0ecff;margin:0;font-size:14px}.hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.hero-tags span{font-size:11px;color:#e8f4ff;background:#ffffff17;border:1px solid #ffffff27;border-radius:50px;padding:8px 9px}.hero-illustration{flex:0 0 230px;position:relative;display:grid;place-items:center}.paper{width:185px;transform:rotate(7deg);background:#fff;color:#415875;border-radius:13px;padding:20px 17px;box-shadow:0 14px 30px #0c1d3b63}.paper-header{color:#c27f87;font-size:11px;letter-spacing:2px;font-weight:900;margin-bottom:14px}.paper-line{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;margin:14px 0}.paper-line i{display:block;width:9px;height:9px;border-radius:3px;background:#add1f4;flex:none}.float-camera{position:absolute;left:-5px;top:25px;font-size:25px;background:#fff;box-shadow:0 7px 15px #0c1d3b41;border-radius:13px;padding:9px}.float-check{position:absolute;right:2px;bottom:22px;background:#41c69b;color:white;font-size:25px;font-weight:900;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;box-shadow:0 8px 18px #0c1d3b2e}
.panel{background:#fff;border:1px solid #e2eaf5;border-radius:23px;padding:27px 30px;margin-top:20px;box-shadow:0 6px 25px #314a7220}.section-heading{display:flex;gap:14px;align-items:center;margin-bottom:22px}.step-circle{flex:none;width:37px;height:37px;border-radius:12px;background:#e8f0ff;color:#3265a1;display:grid;place-items:center;font-size:16px;font-weight:850}.section-heading h2{font-size:21px;margin:0 0 4px;letter-spacing:-.5px}.section-heading p{font-size:13px;color:#78859c;margin:0;line-height:1.45}
.upload-grid{display:grid;grid-template-columns:1fr;gap:15px}.upload-zone{border:2px dashed #c5d5ea;border-radius:17px;background:linear-gradient(180deg,#f8fbff,#f5f8fe);text-align:center;padding:28px 20px}.upload-zone.drag{background:#e9f4ff;border-color:#4a84ca}.upload-icon{font-size:36px;margin-bottom:9px}.upload-zone strong{display:block;font-size:16px}.upload-zone p{max-width:450px;color:#7787a0;font-size:12px;line-height:1.6;margin:7px auto 15px}.upload-zone small{display:block;font-size:10px;color:#97a2b5;margin-top:14px}.upload-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.btn{border-radius:11px;min-height:42px;padding:10px 16px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:750;text-decoration:none;text-align:center;font-size:13px;transition:background .15s,transform .15s,color .15s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:#315c97;color:white;border-color:#315c97}.btn-primary:hover:not(:disabled){background:#234c86}.btn-secondary{background:#fff;color:#365880;border-color:#c8d8eb}.btn-secondary:hover:not(:disabled){background:#eef4fc}.btn-plain{color:#376598;background:#edf4fc;border:1px solid #e0eafb}.btn-plain:hover:not(:disabled){background:#dfeefa}.btn-large{min-height:48px;font-size:14px;padding:12px 21px}.upload-bottom{margin-top:18px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.muted{color:#7f8a9a;font-size:12px}.preview-box{border:1px solid #dce6f2;border-radius:15px;background:#f9fbfe;overflow:hidden}.preview-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;color:#46617f;font-size:13px}.preview-head>div{display:flex;gap:6px}.icon-button{padding:5px 10px;background:white;border:1px solid #d4e0ed;border-radius:9px;color:#57708e;font-size:18px}#preview{display:block;max-width:100%;max-height:350px;object-fit:contain;margin:0 auto 12px}.progress-area{margin-top:17px;background:#f0f6fe;padding:13px;border-radius:12px}.progress-top{display:flex;justify-content:space-between;gap:15px;color:#426899;font-size:12px;margin-bottom:9px}.progress-track{height:8px;border-radius:40px;background:#dbe7f5;overflow:hidden}.progress-bar{width:0%;height:100%;background:#3b87c7;transition:width .15s}
.field-label{display:block;font-size:13px;font-weight:750;color:#4a617c;margin:0 0 9px}textarea{display:block;width:100%;resize:vertical;border:1px solid #d4e0ed;background:#f9fbff;border-radius:13px;padding:14px 15px;line-height:1.6;color:#30425b;font-size:14px;min-height:160px}textarea::placeholder{color:#a1acb8}.text-actions{margin-top:14px;display:flex;gap:9px;flex-wrap:wrap}.inline-help{font-size:12px;line-height:1.6;color:#74819a;margin:12px 0 0}
.events-bar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:15px}.count-pill{background:#f1f5fb;padding:9px 12px;border-radius:40px;color:#58718e;font-size:12px;font-weight:750}.empty-state{border:1px dashed #d5e0ed;border-radius:15px;display:flex;align-items:center;flex-direction:column;padding:32px 12px;color:#637a94;text-align:center}.empty-state span{font-size:36px;margin-bottom:7px}.empty-state strong{font-size:15px}.empty-state p{font-size:12px;max-width:350px;line-height:1.55}.event-list{display:grid;gap:13px}.event-card{background:#f9fbff;border:1px solid #dae6f1;border-radius:16px;padding:15px 16px}.event-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.event-num{display:flex;gap:9px;align-items:center;font-weight:850;color:#315b89;font-size:13px}.event-num i{display:grid;place-items:center;width:27px;height:27px;background:#e3eefb;border-radius:8px;font-style:normal}.remove-event{border:1px solid #f0d7d6;background:#fff7f6;color:#a65454;padding:7px 10px;border-radius:8px;font-size:12px;font-weight:700}.event-fields{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:12px}.field{min-width:0}.field label{display:block;font-size:11px;font-weight:750;color:#637a94;margin-bottom:6px}.field input{border:1px solid #cddaea;border-radius:9px;padding:10px 11px;background:white;color:#253a54;width:100%;height:42px;min-width:0;font-size:13px}.field.full{grid-column:1/-1}.all-day-row{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-size:12px;color:#526e8e;font-weight:700}.all-day-row input{width:17px;height:17px;accent-color:#37669e}.per-event-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end;margin-top:15px}.per-event-actions a{font-size:11px;color:#37699f;text-decoration:none;border:1px solid #dae8f5;background:white;padding:8px 11px;border-radius:9px;font-weight:750}.per-event-actions a:hover{background:#f0f6fd}
.export-area{margin-top:22px;padding:17px;border-radius:16px;border:1px solid #cddfd5;background:linear-gradient(115deg,#f1fbf4,#f9fcff)}.export-intro{display:flex;align-items:center;gap:10px}.export-intro>div{font-size:26px}.export-intro strong,.export-intro small{display:block}.export-intro strong{font-size:15px}.export-intro small{font-size:12px;color:#637c71;margin-top:3px}.export-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}
.message{margin:17px 0;background:#eaf2fd;color:#315785;padding:12px 15px;border:1px solid #bbd2ef;border-radius:11px;font-size:13px;line-height:1.5}.message.error{background:#fff2f1;color:#a64040;border-color:#f3c9c7}.privacy-panel{display:flex;gap:13px;padding:22px 18px;margin:18px 0 0;border-radius:17px;border:1px solid #d7e8df;background:#f4fbf6}.privacy-icon{font-size:23px}.privacy-panel strong{font-size:14px;color:#2c654e}.privacy-panel p{color:#647f73;font-size:12px;line-height:1.65;margin:5px 0 0}.footer{font-size:12px;color:#8d98a9;text-align:center;padding:25px 0 35px}.footer a{color:#51759d}
@media(min-width:760px){.upload-grid:has(.preview-box:not([hidden])){grid-template-columns:1.15fr .85fr}.upload-grid:has(.preview-box:not([hidden])) .upload-zone{padding:24px 10px}}
@media(max-width:760px){.wrap{width:min(100% - 24px,580px)}.header{padding:14px 0}.header-chip{display:none}.logo{width:43px;height:43px}.hero{padding:27px 25px;min-height:0;border-radius:19px}.hero-illustration{display:none}.hero h1{font-size:29px;letter-spacing:-1px}.hero p{font-size:13px}.hero-tags{margin-top:16px}.hero-tags span{font-size:10px}.panel{padding:19px 15px;border-radius:17px;margin-top:13px}.section-heading{gap:10px;margin-bottom:17px}.step-circle{width:32px;height:32px}.section-heading h2{font-size:18px}.section-heading p{font-size:12px}.event-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.field.title-field,.field.location-field{grid-column:1/-1}.upload-zone{padding:22px 12px}.upload-bottom .btn{width:100%}.export-buttons .btn{width:100%}.events-bar .btn{font-size:12px}.privacy-panel{padding:15px 13px}}
@media(max-width:380px){.event-fields{grid-template-columns:1fr}.field{grid-column:1/-1}.header-chip{display:none}.upload-actions .btn{flex:1 1 130px}.events-bar{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}