.navbar{z-index:200;background:#fff;border-radius:24px;justify-content:space-between;align-items:center;width:92%;max-width:1300px;padding:16px 32px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #0000000f}.nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:70px;margin:auto;padding:16px 28px;display:flex}.nav-brand{align-items:center;gap:12px;display:flex}.nav-logo{object-fit:contain;border-radius:20px;width:75px;height:75px}.logo{letter-spacing:-.02em;color:#1d1d1f;width:83px;height:35px;font-size:20px;font-weight:600}.nav-links{align-items:center;gap:28px;display:flex}.nav-links button{opacity:.8;cursor:pointer;color:#06f;background:0 0;border:none;border-radius:999px;padding:10px 20px;font-size:14px;transition:all .3s}.nav-links button:hover{opacity:1;color:#0a84ff;background:#0000001a}.hamburger{cursor:pointer;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#fffc;border:1px solid #ffffff80;border-radius:20%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;transition:transform .3s;display:flex;position:relative;box-shadow:0 10px 28px #0a84ff}.hamburger:hover{transform:scale(1.1);box-shadow:0 10px 28px #0a84ff,inset 0 1px 1px #fff9}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:last-child{transform:rotate(-45deg)translate(5px,-5px)}.hamburger span{background:#1d1d1f;border-radius:2px;width:24px;height:3px;transition:all .3s;position:absolute}.hamburger span:first-child{transform:translateY(-4px)}.hamburger span:last-child{transform:translateY(4px)}.hero-wrapper{justify-content:center;padding-top:160px;padding-bottom:160px;display:flex}.hero{text-align:center;max-width:900px}.hero h1{letter-spacing:-.03em;color:#0a84ff;font-size:3.6rem;font-weight:600}.hero p{color:#6e6e73;margin-bottom:50px;font-size:1.3rem}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.btn{cursor:pointer;border-radius:999px;padding:14px 28px;font-size:15px;font-weight:500;transition:all .3s}.btn.primary{color:#fff;background:linear-gradient(135deg,#0a84ff,#06f);box-shadow:0 10px 30px #0a84ff4d}.btn.primary:hover{transform:translateY(-3px);box-shadow:0 20px 40px #0a84ff66}.btn.secondary{color:#0a84ff;background:#0a84ff14;border:1px solid #0a84ff4d}.btn.secondary:hover{background:#0a84ff26}@media (max-width:768px){.nav-links{display:none!important}.hamburger{display:flex}.hero h1{font-size:2.6rem}.pc1{display:none!important}}@media (min-width:768px){.hamburger,.ha1{display:none!important}}.glass{-webkit-backdrop-filter:blur(40px)saturate(180%);background:#ffffff8c;border:1px solid #fff6;box-shadow:inset 0 1px 1px #fff9,0 30px 80px #0a84ff2e}.hero.liquid{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(#ffffffbf,#ffffff8c);border-radius:36px;margin:20px;padding:80px 60px;box-shadow:0 40px 120px #0a84ff40,inset 0 1px 1px #fff9}.bg-blur{z-index:900;-webkit-backdrop-filter:blur(12px)brightness(.9);backdrop-filter:blur(12px)brightness(.9);background:#0a1e5040;animation:50ms forwards fadeIn;position:fixed;inset:0}.content-blurred{filter:blur(8px);transition:filter .3s}.mobile-menu{z-index:1000;flex-direction:column;gap:36px;width:86%;max-width:380px;height:100%;padding:100px 36px;animation:.35s cubic-bezier(.2,.8,.2,1) slideIn;display:flex;position:fixed;top:0;right:0}.mobile-menu button{text-align:center;background:0 0;border:none;font-size:24px;font-weight:500}.mobile-menu .close{opacity:.6;margin-top:auto;font-size:16px}@keyframes slideIn{0%{transform:translate(120%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-card{box-shadow:none;background:0 0;border:none;flex-direction:column;gap:16px;margin-top:40px;padding:24px 0;display:flex}.form-card input,.form-card textarea{color:#6e6e73;border:1px solid #0000001a;border-radius:14px;padding:14px 16px;font-size:1rem}.form-card textarea{resize:vertical;min-height:100px}.success-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#ffffff59;border:1px solid #ffffff59;border-radius:20px;margin-top:28px;padding:20px}.success-big{color:#6e6e73;margin-bottom:25px;font-size:1.3rem}.error{color:#dc143c;margin-top:10px}.publish-checkbox{color:#1d1d1fbf;gap:12px;padding:6px 2px;font-size:.9rem;display:flex}.publish-checkbox input{accent-color:#0a84ff}.uuid-input{border:1px solid #0000001a;border-radius:14px;width:100%;max-width:400px;margin-bottom:20px;padding:14px 16px;font-size:1rem}.success-span{color:#0a84ff;font-weight:600}.site-footer{color:#1d1d1f;text-align:center;flex-direction:column;align-items:center;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;display:flex}.footer-brand{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.footer-logo{object-fit:contain;width:24px;height:24px}.footer-links{gap:1.5rem;margin-bottom:1rem;display:flex}.footer-links a{color:#1d1d1f;font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#0071e3}.footer-copy{color:#6e6e73;font-size:.8rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;position:absolute;inset:0}.modal{z-index:1000;-webkit-user-select:none;user-select:none;border-radius:30px;width:90%;max-width:700px;padding:40px;animation:.25s modalIn;position:relative}.modal p{color:#6e6e73;text-align:center;margin-bottom:50px;font-size:1.3rem}.login-bg{background:radial-gradient(circle at top,#dbeafe,#f8fafc 60%),linear-gradient(#f0f4ff,#fff);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.login-glass{-webkit-backdrop-filter:blur(30px)saturate(180%);background:linear-gradient(#ffffffd9,#ffffffa6);border:1px solid #ffffff80;border-radius:28px;width:100%;max-width:420px;padding:48px 40px;animation:.8s cubic-bezier(.2,.8,.2,1) floatIn;box-shadow:0 40px 120px #0a84ff40,inset 0 1px 1px #fff9}.brand{align-items:center;gap:14px;margin-bottom:32px;display:flex}.brand img{border-radius:14px;width:48px;height:48px}.brand h1{background:linear-gradient(90deg,#0a84ff,#4f9cff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.4rem;font-weight:600}.brand p{color:#6e6e73;margin:0;font-size:.85rem}.login-glass h2{margin:0 0 6px;font-size:1.6rem;font-weight:600}.subtitle{color:#6e6e73;margin-bottom:28px;font-size:.95rem}form{flex-direction:column;gap:14px;display:flex}input{background:#fff9;border:1px solid #00000014;border-radius:14px;padding:14px 16px;font-size:1rem}input:focus{border-color:#0a84ff;outline:none;box-shadow:0 0 0 4px #0a84ff26}button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#0a84ff,#06f);border:none;border-radius:999px;margin-top:8px;padding:14px;font-size:1rem;font-weight:500;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 30px #0a84ff59}button:hover{transform:translateY(-2px);box-shadow:0 18px 45px #0a84ff73}button:disabled{opacity:.6;cursor:default}.error{color:#dc2626;margin-top:10px;font-size:.9rem}@keyframes floatIn{0%{opacity:0;transform:translateY(40px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:420px){.login-glass{border-radius:22px;padding:36px 24px}}@media (prefers-color-scheme:dark){.login-bg{background:linear-gradient(#050b1a,#071a2b)}.login-glass{background:linear-gradient(#ffffff0d,#ffffff05);border:1px solid #ffffff14}input{color:#e5e7eb;background:#ffffff0d}}.admin-wrapper{background:linear-gradient(#f4f7ff,#fff);min-height:100vh;padding:10px 40px 60px}.admin-filters{background:#fff;border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:900px;margin:140px auto 40px;padding:24px;display:flex;box-shadow:0 15px 40px #0000000f}.filters-container{gap:12px;display:flex}.filter-search{background:#fff;border-radius:999px;flex:1;min-width:200px;font-size:14px;border:1px solid #e5e7eb!important;padding:12px 18px!important}.filters-row{flex-wrap:wrap;gap:12px;display:flex}.filter-select{cursor:pointer;background:#fff;border-radius:999px;min-width:160px;font-size:14px;border:1px solid #e5e7eb!important;padding:10px 18px!important}.sort-toggle{cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:999px;font-size:14px;transition:all .2s;border:1px solid #e5e7eb!important;padding:10px 18px!important}.sort-toggle:hover{transform:translateY(-2px);border-color:#2563eb!important}.filter-reset{cursor:pointer;color:#dc2626;border-radius:999px;font-size:14px;transition:all .2s;background:#fef2f2!important;border:1px solid #ef4444!important;padding:10px 18px!important}.filter-reset:hover{background:#fee2e2!important;border-color:#dc2626!important}.admin-filters input:focus,.admin-filters select:focus{outline:none;box-shadow:0 0 0 3px #2563eb1a;border-color:#2563eb!important}.filter-info{color:#6b7280;background:#f9fafb;border-radius:8px;margin-top:4px;padding:8px 12px;font-size:13px}@media (max-width:768px){.admin-filters{gap:12px;padding:16px}.filters-container{flex-direction:column}.filter-search{min-width:100%}.filters-row{flex-direction:column}.filter-select,.sort-toggle,.filter-reset{width:100%}}.admin-grid{justify-content:center;gap:30px;padding-top:20px;padding-bottom:120px;display:grid}.admin-card{cursor:pointer;background:#fff;border-radius:24px;max-width:900px;padding:30px;transition:transform .2s,box-shadow .2s;box-shadow:0 20px 50px #0000000d}.admin-card:hover{transform:translateY(-4px);box-shadow:0 25px 60px #00000014}.card-head{opacity:.6;justify-content:space-between;display:flex}.preview{margin:18px 0}.comment-box{background:#0000000d;border-radius:14px;margin-bottom:14px;padding:12px}.status-row{gap:20px;margin-bottom:20px;display:flex}.green{color:#16a34a}.red{color:#dc2626}.blue{color:#2563eb}.card-actions{flex-wrap:wrap;gap:20px;display:flex}.big-btn{cursor:pointer;border:none;border-radius:999px;min-width:160px;padding:14px 26px;font-size:1rem;transition:all .2s}.big-btn.primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.big-btn.secondary{color:#fff;background:linear-gradient(135deg,#6b7280,#4b5563)}.big-btn.danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.big-btn:hover{transform:translateY(-2px)}.preview,.comment-box p,.modal textarea,.modal-comment p{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.modal-wrapper{z-index:999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay{background:#00000059;position:absolute;inset:0}.modal{z-index:1000;background:#fff;border-radius:24px;width:90%;max-width:700px;padding:40px;animation:.25s modalIn;position:relative;box-shadow:0 30px 80px #00000026}.modal textarea{resize:vertical;background:#f9fafb;border:1px solid #e5e7eb;border-radius:18px;width:100%;min-height:220px;max-height:400px;margin:20px 0;padding:18px;font-family:inherit;font-size:14px;line-height:1.5;overflow-y:auto}.modal-actions{justify-content:flex-end;gap:20px;display:flex}.modal-stats{justify-content:space-between;font-size:14px;display:flex}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:900px){.admin-wrapper{padding:10px 20px 60px}.admin-filters{flex-direction:column;align-items:stretch}.admin-filters input,.admin-filters select{width:100%}.admin-card{padding:22px}}#root{min-height:100vh}*{box-sizing:border-box}html,body{color:#1d1d1f;scroll-behavior:smooth;background:#f0f4ff;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}.fade-up{opacity:0;animation:1s forwards fadeUp;transform:translateY(40px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}