@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:hsla(0,0%,100%,.03);--bg-glass:hsla(0,0%,100%,.05);--border:hsla(0,0%,100%,.08);--border-hover:hsla(0,0%,100%,.15);--text-primary:#f0f0f5;--text-secondary:#8888a0;--text-muted:#555570;--accent:#2563eb;--accent-light:#60a5fa;--accent-glow:rgba(37,99,235,.3);--danger:#ff6b6b;--success:#51cf66}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.landing,body{min-height:100vh}.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative}.landing:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(108,92,231,.08) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(162,155,254,.05) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(108,92,231,.03) 0,transparent 70%);animation:bgShift 20s ease-in-out infinite;pointer-events:none}@keyframes bgShift{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(-2%,1%) rotate(1deg)}66%{transform:translate(1%,-1%) rotate(-.5deg)}}.brand{position:relative;z-index:1;text-align:center;margin-bottom:3rem}.brand-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--accent),var(--accent-light));border-radius:18px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 8px 32px var(--accent-glow);animation:iconPulse 3s ease-in-out infinite;border-radius:20px}@keyframes iconPulse{0%,to{box-shadow:0 8px 32px var(--accent-glow)}50%{box-shadow:0 8px 48px rgba(37,99,235,.5)}}.brand h1{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.brand p{color:var(--text-secondary);font-size:1.05rem;font-weight:400}.search-container{position:relative;z-index:1;width:100%;max-width:640px}.search-bar{display:flex;align-items:center;background:var(--bg-glass);border:1px solid var(--border);border-radius:16px;padding:6px 6px 6px 20px;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow),0 8px 32px rgba(0,0,0,.3)}.search-bar input{flex:1 1;background:none;border:none;outline:none;color:var(--text-primary);font-size:1rem;font-family:inherit;font-weight:400;padding:12px 0}.search-bar input::placeholder{color:var(--text-muted)}.search-bar button{background:linear-gradient(135deg,var(--accent),var(--accent-light));border:none;border-radius:12px;padding:12px 24px;color:#fff;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.search-bar button:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow)}.search-bar button:active{transform:translateY(0)}.quick-links{position:relative;z-index:1;display:flex;gap:10px;margin-top:1.5rem;flex-wrap:wrap;justify-content:center}.quick-link{background:var(--bg-glass);border:1px solid var(--border);border-radius:10px;padding:8px 16px;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quick-link:hover{border-color:var(--border-hover);color:var(--text-primary);background:hsla(0,0%,100%,.08);transform:translateY(-2px)}.quick-link span{font-size:1rem}.browser-view{display:none;flex-direction:column;height:100vh;width:100vw}.browser-view.active{display:flex}.toolbar{gap:8px;padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.toolbar,.toolbar-btn{display:flex;align-items:center}.toolbar-btn{background:var(--bg-glass);border:1px solid var(--border);border-radius:8px;width:36px;height:36px;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;font-size:1.1rem}.toolbar-btn:hover{background:hsla(0,0%,100%,.08);color:var(--text-primary)}.url-bar{flex:1 1;display:flex;align-items:center;background:var(--bg-glass);border:1px solid var(--border);border-radius:10px;padding:0 14px;transition:all .2s ease}.url-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.url-bar .lock-icon{color:var(--success);margin-right:8px;font-size:.85rem}.url-bar input{flex:1 1;background:none;border:none;outline:none;color:var(--text-primary);font-size:.875rem;font-family:inherit;padding:9px 0}.page-frame{flex:1 1;border:none;background:#fff;width:100%}.loading-bar{position:absolute;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-light));width:0;transition:width .3s ease;z-index:100;border-radius:0 2px 2px 0}.loading-bar.active{animation:loadProgress 2s ease-in-out forwards}@keyframes loadProgress{0%{width:0}20%{width:30%}50%{width:60%}80%{width:85%}to{width:100%}}.error-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:hsla(0,100%,71%,.15);border:1px solid hsla(0,100%,71%,.3);color:var(--danger);padding:12px 24px;border-radius:12px;font-size:.9rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;transition:transform .3s ease}.error-toast.show{transform:translateX(-50%) translateY(0)}.footer{position:absolute;bottom:24px;color:var(--text-muted);font-size:.75rem;z-index:1}.footer a{color:var(--accent-light);text-decoration:none}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;width:2px;height:2px;background:var(--accent);border-radius:50%;opacity:0;animation:particleFloat linear infinite}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:.6}90%{opacity:.2}to{opacity:0;transform:translateY(-10vh) scale(1)}}