.app{margin:0;padding:0;min-height:100vh;background:linear-gradient(135deg,#1a1d3a,#2d1b4e);display:flex;flex-direction:column;align-items:center;padding:2rem;position:relative}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(138,43,226,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,107,107,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.app>*{position:relative;z-index:1}.header{text-align:center;color:#fff;margin-bottom:3rem}h1{font-size:3rem;margin-bottom:.5rem;text-shadow:2px 2px 8px rgba(0,0,0,.5);color:#a8c9ff;letter-spacing:2px}.subtitle{font-size:1.8rem;margin-top:0;color:#a8c9ff;opacity:.9}.boxes-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;width:100%;max-width:1400px;margin-bottom:2rem}.info-box{background:#1a1d3acc;border:1px solid rgba(168,201,255,.2);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.info-box:hover{transform:translateY(-5px);box-shadow:0 12px 40px #a8c9ff33}.info-box h2{color:#a8c9ff;font-size:1.5rem;margin-bottom:1.5rem;text-align:center;letter-spacing:1px}.info-box ul{list-style:none;padding:0;margin:0}.info-box li{color:#b8c9e0;font-size:.95rem;line-height:1.8;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.5rem}.info-box .checkbox{color:#64a8ff;flex-shrink:0}.info-box .warning{color:#ffa64d;flex-shrink:0}.query-container{width:100%;max-width:1000px;margin-top:2rem}.ai-disclaimer{color:#b8c9e0;font-size:.9rem;margin-top:.75rem;text-align:center}.query-box{background:#1a1d3a99;border:2px solid rgba(168,201,255,.3);border-radius:50px;padding:.5rem .5rem .5rem 2rem;display:flex;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;overflow:hidden}.query-input{flex:1;background:transparent;border:none;color:#6b7db8;font-size:1.1rem;padding:.75rem 0;outline:none}.query-input::placeholder{color:#4a5579;opacity:1}.query-button{background:linear-gradient(135deg,#4a6fa5,#5a5b8e);color:#a8b5d1;border:none;border-radius:50px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:not-allowed;white-space:nowrap;opacity:.6;transition:all .3s ease;box-shadow:0 4px 12px #0003}.query-button:not(:disabled){cursor:pointer;opacity:1;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.query-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (max-width: 768px){h1{font-size:2rem}.subtitle{font-size:1.3rem}.boxes-container{grid-template-columns:1fr}.info-box h2{font-size:1.3rem}.info-box li{font-size:.85rem}.query-box{padding:.5rem;flex-wrap:wrap;gap:.5rem}.query-input{font-size:.95rem;padding:.5rem;min-width:0;flex:1 1 auto}.query-button{padding:.6rem 1rem;font-size:.85rem;flex-shrink:0;min-width:fit-content}}@media (max-width: 480px){h1{font-size:1.5rem}.subtitle{font-size:1.1rem}.app{padding:1rem}.info-box{padding:1.5rem}.info-box h2{font-size:1.2rem}.info-box li{font-size:.8rem}.query-box{padding:.5rem;border-radius:25px}.query-input{font-size:.85rem;padding:.4rem .2rem}.query-button{padding:.5rem .8rem;font-size:.8rem;border-radius:20px}}.admin-page{min-height:100vh;background:linear-gradient(135deg,#1a1d3a,#2d1b4e);color:#f2f6ff;padding:2rem}.admin-action{background:#1a1d3acc;border:1px solid rgba(168,201,255,.2);border-radius:12px;padding:1rem;margin-top:1rem;max-width:480px}.admin-action button{background:#4c6ff8;color:#fff;border:0;border-radius:8px;padding:.5rem 1rem;cursor:pointer}.admin-result{margin-top:.75rem;font-weight:700}