.tech-title,.tech-text{color:rgb(var(--color-text))}.tech-muted{color:rgb(var(--color-text-muted))}.tech-header{padding-right:clamp(3rem,18vw,8rem);position:relative}.tech-watermark{letter-spacing:-.04em;color:rgb(var(--color-primary) / .12);pointer-events:none;-webkit-user-select:none;user-select:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(3.25rem,14vw,7.5rem);font-weight:700;line-height:1;position:absolute;top:-.25rem;right:0}@media (max-width:640px){.tech-header{padding-right:0}.tech-watermark{opacity:.55;right:-.25rem}}.tech-card{background:rgb(var(--color-surface));border-color:rgb(var(--color-card) / .9);transition:border-color .2s,box-shadow .2s}.tech-card:hover{border-color:rgb(var(--accent) / .55);box-shadow:0 0 0 1px rgb(var(--accent) / .08)}.tech-card-body{flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.tech-card-body .tech-muted{margin-top:0}.tech-icon{isolation:isolate;background:0 0;flex-shrink:0;position:relative}.tech-icon:before{content:"";z-index:0;background:radial-gradient(circle, rgb(var(--accent) / .28) 0%, rgb(var(--accent) / .08) 42%, transparent 72%);pointer-events:none;border-radius:50%;position:absolute;inset:8%}.tech-icon-svg{z-index:1;position:relative}.tech-badge{border:1px solid;border-radius:9999px;align-items:center;width:fit-content;margin-top:.35rem;padding:.15rem .6rem;font-size:.75rem;font-weight:500;line-height:1.25;display:inline-flex}.tech-badge--frontend{color:rgb(var(--color-primary));border-color:rgb(var(--color-primary) / .4);background:0 0}.tech-badge--backend{color:rgb(var(--color-accent));border-color:rgb(var(--color-accent) / .4);background:0 0}.tech-badge--both{color:rgb(var(--color-warning));border-color:rgb(var(--color-warning) / .4);background:0 0}@media (max-width:400px){.tech-card{padding:.875rem}.tech-icon{width:3.25rem;height:3.25rem}.tech-icon-svg{width:2.25rem;height:2.25rem}}.tech-footer{max-width:100%;color:rgb(var(--color-text-muted));text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem .55rem;padding-inline:.25rem;font-size:clamp(.8125rem,2.4vw,.875rem);line-height:1.4;display:flex}.tech-footer-mark{color:rgb(var(--color-primary) / .7);flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tech-footer-text{text-wrap:balance;min-width:0}