.tech-stack{padding:100px 0;background:#0d1117;position:relative;overflow:hidden}.tech-stack__bg-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.tech-stack__header{text-align:center;margin-bottom:64px;position:relative;z-index:1}.tech-stack__eyebrow{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:100px;padding:6px 18px;font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#a0aec0;margin-bottom:20px}.tech-stack__eyebrow .material-icons{font-size:1rem;color:#ff4141}.tech-stack__title{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800;color:#fff;margin-bottom:14px}.tech-stack__subtitle{font-size:1rem;color:#89a;max-width:520px;margin:0 auto;line-height:1.7}.tech-stack__body{display:flex;flex-direction:column;gap:40px;position:relative;z-index:1}.tech-stack__hero-card{position:relative;display:flex;align-items:flex-start;gap:40px;background:linear-gradient(135deg,#1a1f2e 0,#161b2a 100%);border:1px solid rgba(140,82,255,.35);border-radius:24px;padding:48px 48px 44px;overflow:hidden;box-shadow:0 0 60px rgba(140,82,255,.08)}.tech-stack__hero-card::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(140,82,255,.18)0,transparent 70%);top:-80px;left:-60px;pointer-events:none}.tech-stack__hero-badge{position:absolute;top:20px;right:24px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 14px;border-radius:100px;display:inline-flex;align-items:center;gap:4px}.tech-stack__hero-badge .material-icons{font-size:.85rem}.tech-stack__hero-logo{flex-shrink:0;width:110px;height:110px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;display:flex;align-items:center;justify-content:center;padding:16px}.tech-stack__hero-logo img,.tech-stack__item-logo img{width:100%;height:100%;object-fit:contain}.tech-stack__hero-info{flex:1;min-width:0}.tech-stack__hero-name{font-size:1.9rem;font-weight:800;color:#fff;margin:0 0 12px}.tech-stack__hero-desc{font-size:.95rem;color:#89a;line-height:1.75;margin:0 0 20px;max-width:620px}.tech-stack__hero-pills{display:flex;flex-wrap:wrap;gap:10px}.tech-stack__hero-pills span{font-size:.78rem;font-weight:600;letter-spacing:.04em;padding:5px 14px;border-radius:100px;background:rgba(140,82,255,.15);border:1px solid rgba(140,82,255,.35);color:#c4b5fd}.tech-stack__others{background:#161b25;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:36px 40px 40px}.tech-stack__others-label{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#4b5563;margin-bottom:28px}.tech-stack__others-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.tech-stack__item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;transition:transform .25s ease,border-color .25s ease,background .25s ease;cursor:default}.tech-stack__item:hover{transform:translateY(-4px);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15)}.tech-stack__item-logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.tech-stack__item-logo img{filter:brightness(.95) saturate(.85);transition:filter .25s ease}.tech-stack__item:hover .tech-stack__item-logo img{filter:brightness(1.1) saturate(1.1)}.tech-stack__item-logo--light img{filter:brightness(1) invert(0)}.tech-stack__item-name{font-size:.78rem;font-weight:600;color:#6b7280;text-align:center;transition:color .25s ease}.tech-stack__item:hover .tech-stack__item-name{color:#a0aec0}@media (max-width:1024px){.tech-stack__others-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.tech-stack__hero-card{flex-direction:column;align-items:center;text-align:center;padding:36px 24px 32px;gap:24px}.tech-stack__hero-pills{justify-content:center}.tech-stack__others{padding:28px 20px 32px}}@media (max-width:640px){.tech-stack{padding:72px 0}.tech-stack__others-grid{grid-template-columns:repeat(2,1fr)}}