*{box-sizing:border-box;margin:0;padding:0}:root{--ink:#111;--bg:#dedede;--surface:#fff;--accent:#2d8cf0;--admin-accent:#ff4757;--border:2px solid var(--ink);--shadow:4px 4px 0 var(--ink)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--bg);color:var(--ink)}#app,body{width:100%}#app,.page,body{min-height:100vh}.box{box-shadow:var(--shadow)}.box,.brutal-btn{background:var(--surface);border:var(--border)}.brutal-btn{padding:8px 16px;box-shadow:3px 3px 0 var(--ink);font-weight:900;font-size:13px;cursor:pointer;transition:transform .1s,box-shadow .1s}.brutal-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.primary-btn{width:100%;padding:16px;background:var(--accent);color:#fff;border:var(--border);box-shadow:var(--shadow);font-weight:900;font-size:16px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:box-shadow .1s,transform .1s}.primary-btn:hover{background:#1b6fc2}.primary-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.primary-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:var(--shadow)}.brutal-input{padding:14px;border:var(--border);background:#f8f8f8;font-family:inherit;font-size:15px;outline:none;transition:background .1s,box-shadow .1s}.brutal-input:focus{background:var(--surface);box-shadow:2px 2px 0 var(--ink)}.brutal-textarea{resize:vertical;min-height:120px}.status-msg{padding:16px;font-weight:800;border:var(--border);box-shadow:2px 2px 0 var(--ink);text-align:center;background:var(--surface)}.error-msg{background:#ff7675}.success-msg{background:#55efc4}.section-title{font-size:18px;font-weight:900;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}[data-v-33abb558]:root{--input-focus:#2d8cf0;--font-color:#323232;--main-color:#323232;--bg-color:#fff}.wrapper[data-v-33abb558]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#e0e0e0}.login-container[data-v-33abb558]{display:flex;flex-direction:column;align-items:center;gap:28px}.login-logo[data-v-33abb558]{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:8px}.login-logo img[data-v-33abb558]{width:80px;height:80px;-o-object-fit:contain;object-fit:contain}.logo-text[data-v-33abb558]{font-size:24px;font-weight:900;text-transform:uppercase;letter-spacing:-1px}.toggle-row[data-v-33abb558]{display:flex;align-items:center;gap:14px}.side-label[data-v-33abb558]{font-size:14px;font-weight:600;color:#666;transition:color .3s}.side-label.active[data-v-33abb558]{color:#323232}.switch-toggle[data-v-33abb558]{position:relative;display:inline-block;width:50px;height:20px;cursor:pointer}.toggle-input[data-v-33abb558]{opacity:0;width:0;height:0}.slider[data-v-33abb558]{inset:0;border-radius:5px;box-shadow:4px 4px #323232}.slider[data-v-33abb558],.slider[data-v-33abb558]:before{position:absolute;border:2px solid #323232;background-color:#fff;transition:.3s}.slider[data-v-33abb558]:before{content:"";height:20px;width:20px;border-radius:5px;left:-2px;bottom:2px;box-shadow:0 3px 0 #323232;box-sizing:border-box}.toggle-input:checked+.slider[data-v-33abb558]{background-color:#2d8cf0}.toggle-input:checked+.slider[data-v-33abb558]:before{transform:translateX(30px)}.flip-card__inner[data-v-33abb558]{width:300px;height:380px;position:relative;perspective:1000px;transform-style:preserve-3d;transition:transform .8s}.flip-card__inner.flipped[data-v-33abb558]{transform:rotateY(180deg)}.flip-card__back[data-v-33abb558],.flip-card__front[data-v-33abb558]{position:absolute;inset:0;padding:28px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#d3d3d3;border-radius:5px;border:2px solid #323232;box-shadow:4px 4px #323232;backface-visibility:hidden}.flip-card__back[data-v-33abb558]{transform:rotateY(180deg)}.flip-card__form[data-v-33abb558]{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.title[data-v-33abb558]{font-size:25px;font-weight:900;color:#323232}.flip-card__input[data-v-33abb558]{width:250px;font-size:15px;padding:5px 10px;outline:none;box-sizing:border-box}.flip-card__btn[data-v-33abb558],.flip-card__input[data-v-33abb558]{height:40px;border-radius:5px;border:2px solid #323232;background-color:#fff;box-shadow:4px 4px #323232;font-weight:600}.flip-card__btn[data-v-33abb558]{margin-top:6px;width:120px;font-size:17px;cursor:pointer;transition:box-shadow .1s,transform .1s}.flip-card__btn[data-v-33abb558]:active{box-shadow:0 0 #323232;transform:translate(3px,3px)}.password-wrapper[data-v-33abb558]{position:relative;width:250px}.password-wrapper .flip-card__input[data-v-33abb558]{width:100%;padding-right:62px;box-sizing:border-box}.show-pass-switch[data-v-33abb558]{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:inline-block;width:50px;height:24px;cursor:pointer}.pass-toggle[data-v-33abb558]{opacity:0;width:0;height:0;position:absolute}.pass-slider[data-v-33abb558]{position:absolute;inset:0;border-radius:100px;border:2px solid #323232;box-shadow:2px 2px #323232;background-color:#ccc;transition:background-color .3s;box-sizing:border-box}.pass-slider[data-v-33abb558]:before{content:"off";box-sizing:border-box;position:absolute;height:18px;width:18px;left:1px;top:1px;border:2px solid #323232;border-radius:100px;background-color:#fff;color:#323232;font-size:7px;font-weight:700;text-align:center;line-height:14px;transition:transform .3s}.pass-toggle:checked+.pass-slider[data-v-33abb558]{background-color:#2d8cf0}.pass-toggle:checked+.pass-slider[data-v-33abb558]:before{content:"on";transform:translateX(26px)}.page[data-v-44ecd5ee]{display:flex;flex-direction:column}.navbar[data-v-44ecd5ee]{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:68px;background:#fff;border-bottom:2px solid #111;box-shadow:0 4px 0 #111}.navbar-brand[data-v-44ecd5ee]{display:flex;align-items:center;gap:10px;flex-shrink:0}.nav-logo[data-v-44ecd5ee]{height:48px;width:48px;-o-object-fit:contain;object-fit:contain}.nav-title[data-v-44ecd5ee]{font-weight:900;font-size:20px;letter-spacing:-.5px;text-transform:uppercase}.main[data-v-44ecd5ee]{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:60px 28px;display:flex;flex-direction:column;gap:80px}.hero-section[data-v-44ecd5ee]{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hero-content[data-v-44ecd5ee]{display:flex;flex-direction:column;gap:24px}.hero-title[data-v-44ecd5ee]{font-size:54px;font-weight:900;line-height:1.1;letter-spacing:-1.5px;text-transform:uppercase}.highlight[data-v-44ecd5ee]{background:#ffeaa7;padding:0 8px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);display:inline-block;transform:rotate(-1deg)}.hero-subtitle[data-v-44ecd5ee]{font-size:18px;font-weight:600;line-height:1.5;opacity:.85;max-width:90%}.primary-btn[data-v-44ecd5ee]{display:inline-flex;align-items:center;gap:12px}.hero-graphic[data-v-44ecd5ee]{position:relative;height:400px;display:flex;align-items:center;justify-content:center}.shape[data-v-44ecd5ee]{position:absolute}.shape-1[data-v-44ecd5ee]{width:250px;height:250px;background:#74b9ff;border-radius:50%;top:20px;left:40px}.shape-2[data-v-44ecd5ee]{width:200px;height:200px;background:#55efc4;bottom:40px;right:60px;transform:rotate(15deg)}.shape-3[data-v-44ecd5ee]{width:180px;height:120px;background:#ff7675;z-index:2;display:flex;align-items:center;justify-content:center;transform:rotate(-10deg)}.shape-text[data-v-44ecd5ee]{font-size:28px;font-weight:900;text-align:center;color:var(--ink);line-height:1}.features-section[data-v-44ecd5ee]{display:flex;flex-direction:column;gap:32px}.section-heading[data-v-44ecd5ee]{font-size:24px;font-weight:900;text-transform:uppercase;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:3px;text-align:center}.features-grid[data-v-44ecd5ee]{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature-card[data-v-44ecd5ee]{padding:24px;display:flex;flex-direction:column;gap:16px;transition:transform .2s}.feature-card[data-v-44ecd5ee]:hover{transform:translateY(-5px);box-shadow:6px 8px 0 var(--ink)}.bg-blue[data-v-44ecd5ee]{background:#74b9ff}.bg-purple[data-v-44ecd5ee]{background:#a29bfe}.bg-green[data-v-44ecd5ee]{background:#55efc4}.bg-yellow[data-v-44ecd5ee]{background:#ffeaa7}.feature-icon[data-v-44ecd5ee]{width:48px;height:48px;background:var(--surface);border:2px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center}.feature-title[data-v-44ecd5ee]{font-size:18px;font-weight:900;line-height:1.2}.feature-desc[data-v-44ecd5ee]{font-size:14px;font-weight:600;opacity:.9;line-height:1.4}.footer[data-v-44ecd5ee]{border-top:2px solid var(--ink);background:var(--surface);padding:24px;text-align:center}.footer-text[data-v-44ecd5ee]{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}@media (max-width:1024px){.hero-section[data-v-44ecd5ee]{grid-template-columns:1fr;text-align:center}.hero-content[data-v-44ecd5ee]{align-items:center}.hero-graphic[data-v-44ecd5ee]{display:none}.features-grid[data-v-44ecd5ee]{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.hero-title[data-v-44ecd5ee]{font-size:40px}.features-grid[data-v-44ecd5ee]{grid-template-columns:1fr}.navbar[data-v-44ecd5ee]{padding:0 16px}}