.fpe{--p:#6d28d9;--s:#ff8a1f;--t:#1f2937;--m:#6b7280;--b:#e5e7eb;background:#fff;color:var(--t);font:16px/1.7 system-ui,Segoe UI,Arial,sans-serif;position:relative;overflow:hidden}
.fpe,.fpe *{box-sizing:border-box}.fpe a{color:var(--p)}.fpe h1,.fpe h2,.fpe h3,.fpe h4{font-family:inherit;line-height:1.3;color:var(--p)}.fpe button{font-family:inherit}
.fpe .hero{position:relative;overflow:hidden;text-align:center;padding:80px 5% 110px;background:#fff}
.fpe .hero h1{font-size:clamp(32px,6vw,58px);margin:0 0 12px;font-weight:900;position:relative}.fpe .hero h1 span{color:var(--s)}
.fpe .hero p{font-size:19px;max-width:740px;margin:0 auto 26px;position:relative;color:var(--m)}
.fpe .btn{position:relative;display:inline-block;background:linear-gradient(90deg,#5b21b6,#8b5cf6);color:#fff;font-weight:800;padding:15px 36px;border-radius:40px;text-decoration:none;box-shadow:0 10px 26px #6d28d94d;transition:.3s;animation:pulse 2.4s infinite}.fpe .btn:hover{transform:scale(1.07)}
@keyframes pulse{50%{box-shadow:0 10px 40px #6d28d98a}}
.fpe .chips{position:relative;margin-top:28px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.fpe .chips span{background:#faf5ff;border:1px solid #e9d5ff;padding:7px 15px;border-radius:30px;font-size:14px;color:#4c1d95}
.fpe .bl{position:absolute;opacity:.18;animation:fl 8s ease-in-out infinite alternate;border-radius:28%}
.fpe .b1{width:170px;height:170px;background:var(--s);left:4%;top:40px}.fpe .b2{width:120px;height:120px;background:#8b5cf6;right:8%;top:60px;animation-delay:1s}.fpe .b3{width:90px;height:90px;border:5px solid var(--s);right:22%;bottom:30px;animation-delay:2s}.fpe .b4{width:70px;height:70px;background:#8b5cf6;left:20%;bottom:25px;animation-delay:3s}
@keyframes fl{to{transform:translate(28px,-26px) rotate(60deg)}}
.fpe main{max-width:1180px;margin:-56px auto 0;padding:0 18px;position:relative}
.fpe .sbar{display:flex;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid var(--b);border-radius:16px;padding:12px;box-shadow:0 12px 34px #0000001a}
.fpe #fpq{flex:1;min-width:200px;padding:13px 16px;border-radius:12px;border:1px solid var(--b);font-size:16px;background:#fff;color:var(--t)}
.fpe .tabs{display:flex;gap:8px;flex-wrap:wrap}.fpe .tabs button{padding:11px 16px;border-radius:12px;border:1px solid var(--b);background:#fff;color:var(--t);cursor:pointer;font-weight:600}.fpe .tabs button.on{background:var(--p);border-color:var(--p);color:#fff}
.fpe .grp{margin:34px 0 12px;font-size:13px;letter-spacing:2.5px;text-transform:uppercase;color:var(--p);font-weight:800}
.fpe .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.fpe .card{background:#fff;border:1px solid var(--b);border-radius:18px;padding:20px;cursor:pointer;transition:.3s;animation:up .6s both;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000000d}
.fpe .card:before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#ff8a1f,#8b5cf6);transition:.4s}
.fpe .card:hover{transform:translateY(-8px);border-color:#c4b5fd;box-shadow:0 16px 34px #6d28d926}.fpe .card:hover:before{width:100%}
@keyframes up{from{opacity:0;transform:translateY(25px)}}
.fpe .card i{font-style:normal;display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#f5f3ff;font-size:22px;float:left;margin-right:13px;transition:.3s}.fpe .card:hover i{transform:rotate(-10deg) scale(1.12);background:#ffedd5}
.fpe .card b{color:var(--p);display:block;padding-top:12px;font-size:17px}.fpe .card small{display:block;clear:both;color:var(--m);margin-top:10px}
.fpe #modal{display:none;position:fixed;inset:0;background:#0009;z-index:999999;overflow:auto;padding:20px}
.fpe .box{background:#fff;max-width:800px;margin:30px auto;border-radius:20px;padding:28px;position:relative;border-top:5px solid var(--s);box-shadow:0 30px 80px #0006}
.fpe #x{position:absolute;right:14px;top:8px;background:none;border:0;font-size:32px;cursor:pointer;color:var(--p)}.fpe .box h3{margin:0;font-size:24px}.fpe .box p{color:var(--m)}
.fpe .drop{border:2px dashed #c4b5fd;border-radius:16px;padding:40px 20px;text-align:center;background:#faf5ff;cursor:pointer;margin:14px 0;transition:.3s}.fpe .drop:hover{border-color:var(--s);background:#fff7ed}
.fpe #fl{list-style:none;padding:0}.fpe #fl li{background:#f9fafb;padding:9px 13px;border-radius:10px;margin:6px 0;display:flex;justify-content:space-between;border:1px solid var(--b)}.fpe #fl button{border:0;background:none;cursor:pointer;color:var(--p);font-size:16px}
.fpe .opts label{display:block;margin:12px 0;font-weight:600;font-size:14px}.fpe .opts input,.fpe .opts select{width:100%;padding:11px;border:1px solid var(--b);background:#fff;color:var(--t);border-radius:10px;margin-top:5px}
.fpe .go{background:linear-gradient(90deg,#5b21b6,#8b5cf6);color:#fff;border:0;padding:14px 32px;border-radius:12px;font-weight:800;cursor:pointer;margin-top:12px;font-size:16px;transition:.3s}.fpe .go:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6d28d96b}
.fpe .dl{background:linear-gradient(90deg,#15803d,#22c55e);color:#fff;border:0;padding:13px 24px;border-radius:12px;font-weight:800;cursor:pointer;margin:8px 8px 0 0;font-size:15px;transition:.3s}.fpe .dl:hover{transform:translateY(-2px);box-shadow:0 8px 24px #22c55e66}
.fpe #st{margin-top:14px}.fpe .err{color:#dc2626;font-weight:600}
.fpe section.c{max-width:920px;margin:70px auto 40px;padding:0 20px}.fpe section.c h2{border-left:6px solid var(--s);padding-left:14px;margin-top:46px}.fpe section.c h3{margin-bottom:4px}.fpe section.c h4{margin:18px 0 2px;font-size:17px}.fpe section.c p,.fpe section.c li{color:#374151}
.fpe .more{padding:60px 20px 70px;text-align:center;background:#faf5ff}.fpe .more h2{margin:0 0 6px;font-size:30px}.fpe .more p{color:var(--m);margin:0 0 28px}
.fpe .mg{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:1000px;margin:auto}
.fpe .mg a{text-decoration:none;color:#fff;font-weight:700;padding:15px 26px;border-radius:14px;background:linear-gradient(135deg,#5b21b6,#8b5cf6);transition:.3s;box-shadow:0 8px 22px #6d28d933}
.fpe .mg a:nth-child(even){background:linear-gradient(135deg,#ff8a1f,#ffb347);color:#2a1200}.fpe .mg a:hover{transform:translateY(-6px) scale(1.04)}
.fpe .drop.big{padding:60px 20px;font-size:0}.fpe .drop.big:before{content:"📄 Upload PDF file";display:inline-block;font-size:22px;font-weight:800;background:linear-gradient(90deg,#15803d,#22c55e);color:#fff;padding:18px 44px;border-radius:12px}.fpe .blank{text-align:center;color:#15803d;cursor:pointer;font-weight:700;margin-bottom:10px}
.fpe .ed{position:fixed;inset:0;z-index:9999999;background:#eef0f4;display:flex;flex-direction:column}
.fpe .edtb{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px;background:#fff;border-bottom:1px solid var(--b);align-items:center;position:relative;z-index:3}
.fpe .edtb button{padding:9px 12px;border:1px solid #ddd6fe;background:#faf5ff;color:var(--p);border-radius:10px;cursor:pointer;font-size:14px;font-weight:600}.fpe .edtb button:hover{background:var(--p);color:#fff}.fpe .edtb button.cl{margin-left:auto}.fpe .edtb input{padding:6px;border-radius:8px;border:1px solid var(--b);height:36px;background:#fff;color:var(--t)}.fpe .edtb input[type=color]{width:42px;padding:2px}
.fpe #hint{color:#c2410c;font-size:13px;margin-left:8px}.fpe .dd{position:relative}.fpe .ddm{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--b);border-radius:10px;min-width:200px;z-index:5;padding:6px;box-shadow:0 12px 30px #0003}.fpe .dd.open .ddm{display:block}.fpe .ddm button{display:block;width:100%;text-align:left;margin:2px 0}
.fpe .edpg{flex:1;overflow:auto;padding:20px}.fpe .pgw{margin:0 auto 26px;text-align:center}.fpe .pgh{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.fpe .pgh .pn{color:var(--p);font-size:30px;margin-right:8px}.fpe .pgh button{padding:6px 10px;border:1px solid #ddd6fe;background:#fff;color:var(--p);border-radius:8px;cursor:pointer}.fpe .pgh button:hover{border-color:var(--s)}
.fpe .pgc{position:relative;margin:auto;background:#fff;box-shadow:0 8px 26px #0003}.fpe .pgc canvas{width:100%;display:block;cursor:crosshair;touch-action:none}.fpe .tin{position:absolute;border:2px dashed var(--s);background:#fff;color:#000;padding:0 2px;font-family:sans-serif;z-index:4;box-sizing:border-box}
.fpe .edap{padding:12px;text-align:center;background:#fff;border-top:1px solid var(--b)}.fpe .sgm{position:absolute;inset:0;background:#0009;display:grid;place-items:center;z-index:9}.fpe .sgb{background:#fff;padding:22px;border-radius:16px;width:min(620px,94vw)}