@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--color-bg:#080810;--color-bg-2:#0f0f1a;--color-bg-3:#16162a;--color-surface:#1a1a2e;--color-surface-2:#222240;--color-border:#ffffff12;--color-border-hover:#ffffff26;--grad-primary:linear-gradient(135deg, #6c63ff 0%, #9f6dff 50%, #e040fb 100%);--grad-primary-subtle:linear-gradient(135deg, #6c63ff26 0%, #e040fb26 100%);--grad-accent:linear-gradient(135deg, #00d2ff 0%, #6c63ff 100%);--grad-success:linear-gradient(135deg, #00c853 0%, #00e676 100%);--grad-warning:linear-gradient(135deg, #ff9800 0%, #ffb74d 100%);--grad-danger:linear-gradient(135deg, #f44336 0%, #ff5252 100%);--grad-glass:linear-gradient(135deg, #ffffff0f 0%, #ffffff05 100%);--color-primary:#6c63ff;--color-primary-light:#8b85ff;--color-accent:#e040fb;--color-cyan:#00d2ff;--color-success:#00c853;--color-warning:#ff9800;--color-danger:#f44336;--text-primary:#f0f0ff;--text-secondary:#9090c0;--text-muted:#555580;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-primary:0 0 40px #6c63ff40;--shadow-card:0 4px 24px #0006;--shadow-glow:0 0 60px #6c63ff4d;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:Space Grotesk,Inter,sans-serif;font-weight:700;line-height:1.2}a{color:var(--color-primary);transition:var(--transition);text-decoration:none}a:hover{color:var(--color-primary-light)}img{max-width:100%;height:auto}.container{max-width:1280px;padding:0 var(--space-lg);margin:0 auto}.gradient-text{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--grad-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.glass-card:hover{border-color:var(--color-border-hover)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 4px 20px #6c63ff66}.btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 30px #6c63ff80}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--color-border);background:#ffffff12}.btn-secondary:hover{border-color:var(--color-border-hover);color:var(--text-primary);background:#ffffff1f}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:var(--text-primary);border-color:var(--color-border);background:#ffffff0d}.btn-danger{color:#ff5252;background:#f4433626;border:1px solid #f443364d}.btn-danger:hover{background:#f4433640}.btn-success{background:var(--grad-success);color:#fff;box-shadow:0 4px 20px #00c8534d}.btn-success:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 30px #00c85366}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{border-radius:var(--radius-lg);padding:16px 32px;font-size:16px}.btn-icon{border-radius:var(--radius-sm);aspect-ratio:1;padding:10px}.input,.textarea,.select{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition);background:#ffffff0d;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-primary);background:#6c63ff0d;box-shadow:0 0 0 3px #6c63ff26}.textarea{resize:vertical;min-height:100px}.select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239090c0' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.select option{background:var(--color-surface);color:var(--text-primary)}.label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-group{margin-bottom:var(--space-md)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:var(--transition)}.card:hover{border-color:var(--color-border-hover)}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-primary{color:#8b85ff;background:#6c63ff33}.badge-success{color:#00e676;background:#00c85333}.badge-warning{color:#ffb74d;background:#ff980033}.badge-danger{color:#ff5252;background:#f4433633}.badge-info{color:#00d2ff;background:#00d2ff33}.divider{background:var(--color-border);height:1px;margin:var(--space-lg) 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:2px solid #ffffff26;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6c63ff4d}50%{box-shadow:0 0 40px #6c63ff99}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-in{animation:.4s forwards fadeIn}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}@media (max-width:768px){.photo-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}}.photo-card{aspect-ratio:3/2;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:var(--color-surface);border:2px solid #0000;position:relative;overflow:hidden}.photo-card:hover{box-shadow:var(--shadow-card);transform:scale(1.02)}.photo-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #6c63ff4d}.photo-card img{object-fit:cover;width:100%;height:100%;display:block}.photo-card-overlay{opacity:0;transition:var(--transition);background:linear-gradient(#0000 50%,#000c 100%);align-items:flex-end;padding:12px;display:flex;position:absolute;inset:0}.photo-card:hover .photo-card-overlay{opacity:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-2)}::-webkit-scrollbar-thumb{background:var(--color-surface-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@media (max-width:768px){.container{padding:0 16px}h1{font-size:clamp(24px,6vw,48px)}h2{font-size:clamp(20px,5vw,36px)}}.hover-card{transition:var(--transition)}.hover-card:hover{transform:translateY(-4px);border-color:var(--color-primary)!important;box-shadow:var(--shadow-primary)!important}