:root{--bg:#0a0f1a;--bg-soft:#0f172a;--accent:#3b82f6;--accent-hover:#2563eb;--accent-soft:rgba(59,130,246,.15);--accent-secondary:#f97316;--text:#f1f5f9;--text-soft:#94a3b8;--border:rgba(100,116,139,.25);--danger:#f87171;--success:#4ade80;--gradient-primary:linear-gradient(135deg,#3b82f6,#2563eb);--gradient-accent:linear-gradient(135deg,#3b82f6,#f97316);--gradient-card:linear-gradient(145deg,rgba(15,23,42,.95),rgba(30,41,59,.9))}*,:after,:before{box-sizing:border-box}body,html{max-width:100vw;overflow-x:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(180deg,#0a0f1a,#0f172a 50%,#0a0f1a);background-attachment:fixed;color:var(--text);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}main{min-height:100vh;padding-bottom:60px}.container{width:100%;max-width:1120px;margin:0 auto;padding:24px 16px 48px}@media (min-width:768px){.container{padding:32px 24px 48px}}.card{background:var(--gradient-card);border-radius:16px;border:1px solid var(--border);padding:20px;box-shadow:0 10px 40px -10px rgba(0,0,0,.4);transition:border-color .3s ease}@media (min-width:768px){.card{border-radius:20px;padding:28px}}.card:hover{border-color:rgba(59,130,246,.3)}.chip{padding:5px 12px;border-radius:20px;border:1px solid rgba(59,130,246,.3);background:var(--accent-soft);color:#60a5fa;font-size:12px;gap:6px}.btn-primary,.chip{display:inline-flex;align-items:center;font-weight:600}.btn-primary{justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;border:none;background:var(--gradient-primary);color:#fff;font-size:14px;cursor:pointer;box-shadow:0 4px 14px rgba(59,130,246,.4);transition:all .3s ease;width:100%}@media (min-width:480px){.btn-primary{width:auto;padding:12px 24px}}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.5)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid var(--border);background:rgba(15,23,42,.6);color:var(--text-soft);font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease;width:100%}@media (min-width:480px){.btn-secondary{width:auto;padding:11px 20px}}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.grid-2,.grid-3,.grid-4{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}@media (min-width:640px){.grid-2,.grid-3{gap:20px}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-4{gap:16px}}@media (min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px}}input[type=email],input[type=password],input[type=search],input[type=text],select,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:rgba(15,23,42,.8);color:var(--text);font-size:16px;outline:none;transition:border-color .3s ease,box-shadow .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (min-width:768px){input[type=email],input[type=password],input[type=search],input[type=text],select,textarea{font-size:14px;padding:12px 16px}}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical;min-height:100px}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}label{display:block;font-size:14px;font-weight:500;color:var(--text);margin-bottom:6px}h1{font-size:24px;font-weight:700;line-height:1.2}h1,h2{margin:0 0 8px}h2{font-size:20px}h2,h3{font-weight:600}h3{font-size:16px;margin:0 0 6px}@media (min-width:768px){h1{font-size:32px}h2{font-size:24px}h3{font-size:18px}}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.alert-error{background:hsla(0,91%,71%,.1);border:1px solid hsla(0,91%,71%,.3);color:#fca5a5;border-radius:12px}.alert-error,.alert-success{padding:12px 16px;font-size:14px}.alert-success{background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.3);color:#86efac;border-radius:12px}.alert-info{background:var(--accent-soft);border:1px solid rgba(59,130,246,.3);color:#93c5fd;padding:12px 16px;border-radius:12px;font-size:14px}pre{background:rgba(15,23,42,.8);border:1px solid var(--border);border-radius:12px;padding:12px;font-size:12px;overflow:auto;color:#cbd5e1;white-space:pre-wrap;word-wrap:break-word;-webkit-overflow-scrolling:touch}@media (min-width:768px){pre{padding:16px;font-size:13px}}.mobile-menu-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:transparent;border:1px solid rgba(100,116,139,.3);border-radius:10px;cursor:pointer;padding:8px}.mobile-menu-btn:hover{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3)}@media (min-width:768px){.mobile-menu-btn{display:none!important}}.hide-mobile{display:none!important}@media (min-width:768px){.hide-mobile{display:flex!important}}.show-mobile{display:block}@media (min-width:768px){.show-mobile{display:none!important}}.bg-white{background:var(--gradient-card)!important}.bg-gray-50{background:rgba(15,23,42,.6)!important}.bg-gray-100{background:rgba(30,41,59,.6)!important}.bg-blue-600{background:var(--gradient-primary)!important}.bg-emerald-600{background:linear-gradient(135deg,#10b981,#059669)!important}.bg-green-500,.bg-green-600{background:linear-gradient(135deg,#22c55e,#16a34a)!important}.bg-yellow-500{background:linear-gradient(135deg,#eab308,#ca8a04)!important}.bg-red-50{background:hsla(0,91%,71%,.1)!important}.bg-blue-50{background:var(--accent-soft)!important}.border{border:1px solid var(--border)!important}.border-red-300{border-color:hsla(0,91%,71%,.3)!important}.border-blue-300{border-color:rgba(59,130,246,.3)!important}.rounded{border-radius:8px!important}.rounded-lg{border-radius:12px!important}.rounded-full{border-radius:9999px!important}.text-white{color:var(--text)!important}.text-gray-500,.text-gray-600,.text-gray-700{color:var(--text-soft)!important}.text-red-800{color:#fca5a5!important}.text-blue-600,.text-blue-800{color:#60a5fa!important}.shadow-sm{box-shadow:0 4px 20px -5px rgba(0,0,0,.3)!important}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.max-w-5xl{max-width:1024px}.max-w-md{max-width:448px}.mx-auto{margin-left:auto;margin-right:auto}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.py-2{padding-top:8px;padding-bottom:8px}.py-8{padding-top:32px;padding-bottom:32px}.p-3{padding:12px}.p-4{padding:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-6{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.underline{text-decoration:underline}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.w-full{width:100%}.cursor-pointer{cursor:pointer}.disabled\:opacity-60:disabled{opacity:.6}.inline-flex{display:inline-flex;align-items:center}