:root{--dl-bg-dark:#0a0b10;--dl-card-bg:#1a1b26;--dl-accent-purple:#7c3aed;--dl-accent-blue:#3b82f6;--dl-text-primary:#f8fafc;--dl-text-secondary:#94a3b8;--dl-text-tertiary:#64748b;--dl-radius:12px;--dl-radius-lg:16px;--dl-radius-pill:9999px}body{color:#1a202c;background-color:#f8fafc;transition:background-color .3s,color .3s}body.dark,html.dark body{background-color:var(--dl-bg-dark);color:var(--dl-text-primary)}.tech-grid-bg{background-color:#f8fafc;background-image:linear-gradient(90deg,#0000000d 1px,#0000 1px),linear-gradient(#0000000d 1px,#0000 1px);background-size:40px 40px;min-height:100vh;position:relative}.dark .tech-grid-bg,.dark .tech-grid-bg{background-color:var(--dl-bg-dark);background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px)}.dark .tech-grid-bg:before,.dark .tech-grid-bg:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 0,#7c3aed0d 0%,#0000 70%);height:100%;position:absolute;top:0;left:0;right:0}.dl-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--dl-radius);background:#1a1b2699;border:1px solid #ffffff0d;padding:1.5rem;transition:transform .3s,box-shadow .3s,border-color .3s}.dl-card:hover{border-color:#7c3aed33;transform:translateY(-2px);box-shadow:0 8px 25px -8px #0000004d}.dl-btn-primary{background:linear-gradient(135deg, var(--dl-accent-purple), #6366f1);color:#fff;border-radius:var(--dl-radius);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-weight:600;transition:opacity .3s,transform .2s,box-shadow .3s;display:inline-flex}.dl-btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 2px 10px #7c3aed26}.dl-pill{border-radius:var(--dl-radius-pill);color:var(--dl-text-secondary);cursor:pointer;background-color:#ffffff08;border:1px solid #ffffff1a;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;display:inline-flex}.dl-pill:hover{color:var(--dl-text-primary);background-color:#ffffff0f}.dl-pill.active{border-color:var(--dl-accent-purple);color:#fff;background-color:#7c3aed1a;box-shadow:0 0 8px #7c3aed1a}.text-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text}.text-title{color:var(--dl-text-primary);font-weight:700}.dl-input{width:100%;color:var(--dl-text-primary);border-radius:var(--dl-radius);background-color:#0003;border:1px solid #ffffff1a;outline:none;padding:.75rem 1rem;transition:all .2s}.dl-input:focus{border-color:var(--dl-accent-purple);background-color:#0006;box-shadow:0 0 0 2px #7c3aed33}.dl-input::placeholder{color:var(--dl-text-tertiary)}.text-body{color:var(--dl-text-secondary);line-height:1.6}