*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Inter,Segoe UI,sans-serif;
}

:root{
    --bg:#0b1120;
    --nav:#111827;
    --card:#1e293b;
    --input:#334155;
    --border:#475569;
    --primary:#0ea5e9;
    --primary-hover:#0284c7;
    --text:#f8fafc;
    --muted:#94a3b8;
}

body{
    min-height:100vh;
    background:
        radial-gradient(circle at top left,#172554 0%,transparent 35%),
        radial-gradient(circle at bottom right,#082f49 0%,transparent 35%),
        var(--bg);
    color:var(--text);
    overflow-x:hidden;
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
    background-size:40px 40px;
    pointer-events:none;
}

.glow{
    position:fixed;
    width:400px;
    height:400px;
    border-radius:50%;
    background:#0284c730;
    filter:blur(150px);
    top:-150px;
    right:-150px;
    z-index:-1;
}

.glow2{
    position:fixed;
    width:350px;
    height:350px;
    border-radius:50%;
    background:#1d4ed830;
    filter:blur(150px);
    bottom:-150px;
    left:-150px;
    z-index:-1;
}

/* Custom Card System from user */
.custom-card {
    background:rgba(30,41,59,.85);
    backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.08);
    border-radius:28px;
    box-shadow:
        0 20px 60px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.05);
}

.custom-input {
    background:var(--input) !important;
    border:1px solid transparent !important;
    color:white !important;
}

.custom-input:focus {
    border-color:var(--primary) !important;
    outline:none;
}

/* Prism.js overrides for Dark Theme */
pre[class*="language-"] {
    background: #0b1120 !important;
    border: 1px solid rgba(255,255,255,0.05);
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.4s ease-out forwards;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--muted);
}