: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{background-color:#f8fafc;color:#1a202c;transition:background-color .3s ease,color .3s ease}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(to right,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.05) 1px,transparent 1px);background-size:40px 40px;position:relative;min-height:100vh}.dark .tech-grid-bg,:is(.dark) .tech-grid-bg{background-color:var(--dl-bg-dark);background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px)}.dark .tech-grid-bg:before,:is(.dark) .tech-grid-bg:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:radial-gradient(circle at 50% 0%,rgba(124,58,237,.05) 0%,transparent 70%);pointer-events:none;z-index:0}.dl-card{background:#1a1b2699;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);border-radius:var(--dl-radius);padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.dl-card:hover{transform:translateY(-2px);border-color:#7c3aed4d;box-shadow:0 10px 30px -10px #00000080}.dl-btn-primary{background:linear-gradient(135deg,var(--dl-accent-purple),var(--dl-accent-blue));color:#fff;font-weight:600;padding:.5rem 1.25rem;border-radius:var(--dl-radius);border:none;transition:opacity .2s,transform .1s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.dl-btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed40}.dl-pill{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:var(--dl-radius-pill);background-color:#ffffff08;border:1px solid rgba(255,255,255,.1);color:var(--dl-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.dl-pill:hover{background-color:#ffffff14;color:var(--dl-text-primary)}.dl-pill.active{background-color:#7c3aed26;border-color:var(--dl-accent-purple);color:#fff;box-shadow:0 0 15px #7c3aed33}.text-gradient{background:linear-gradient(to right,#fff,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-title{color:var(--dl-text-primary);font-weight:700}.dl-input{width:100%;background-color:#0003;border:1px solid rgba(255,255,255,.1);color:var(--dl-text-primary);border-radius:var(--dl-radius);padding:.75rem 1rem;transition:all .2s ease;outline:none}.dl-input:focus{border-color:var(--dl-accent-purple);box-shadow:0 0 0 2px #7c3aed33;background-color:#0006}.dl-input::-moz-placeholder{color:var(--dl-text-tertiary)}.dl-input::placeholder{color:var(--dl-text-tertiary)}.text-body{color:var(--dl-text-secondary);line-height:1.6}