@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-color:#f8f9fa;--bg-gradient:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);--card-bg:#ffffffb3;--card-bg-solid:#fff;--text-primary:#1a1a2e;--text-secondary:#6c757d;--accent-color:#00b4d8;--accent-hover:#0096c7;--accent-light:#00b4d81a;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--border-radius:20px;--border-radius-lg:24px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--glass-border:#00000014;--glass-shadow:0 8px 32px 0 #00000014;--glass-blur:blur(20px)}[data-theme=dark]{--bg-color:#1a1a1a;--bg-gradient:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 50%,#1a1a1a 100%);--card-bg:#3c3c3c66;--card-bg-solid:#2d2d2d;--text-primary:#fff;--text-secondary:#fff9;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000004d}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg-color:#1a1a1a;--bg-gradient:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 50%,#1a1a1a 100%);--card-bg:#3c3c3c66;--card-bg-solid:#2d2d2d;--text-primary:#fff;--text-secondary:#fff9;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000004d}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;transition:background .5s,color .3s}[data-theme=dark] body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:50px 50px;position:fixed;inset:0}.container{z-index:1;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;overflow:hidden}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}[data-theme=dark] .glass-card:hover{box-shadow:0 12px 40px #0006}.floating-tile{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);padding:24px}.btn-primary{background:linear-gradient(135deg,var(--accent-color)0%,#0077b6 100%);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #00b4d84d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00b4d866}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--glass-border);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .2s}.btn-secondary:hover{background:var(--accent-light);border-color:var(--accent-color)}.input-field{background:var(--card-bg);border:1px solid var(--glass-border);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;outline:none;width:100%;padding:14px 20px;font-size:15px;transition:all .2s}.input-field:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light)}.input-field::placeholder{color:var(--text-secondary)}h1{letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.1}h2{letter-spacing:-.015em;font-size:clamp(28px,4vw,40px);font-weight:600}h3{letter-spacing:-.01em;font-size:clamp(20px,3vw,24px);font-weight:600}.text-gradient{background:linear-gradient(135deg,var(--accent-color)0%,#90e0ef 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-spacing{padding:100px 0}.badge{border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.badge-warning{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.badge-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.badge-info{color:#00b4d8;background:#00b4d81a;border:1px solid #00b4d833}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeIn}.animate-slide-in{animation:.5s cubic-bezier(.4,0,.2,1) forwards slideIn}.progress-bar{background:var(--glass-border);border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(135deg,var(--accent-color)0%,#0077b6 100%);border-radius:4px;height:100%;transition:width .5s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff26}::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff40}::selection{background:var(--accent-light);color:var(--text-primary)}a{color:var(--accent-color);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}@media (max-width:768px){.container{padding:0 16px}.section-spacing{padding:60px 0}.glass-card{border-radius:var(--border-radius)}}