.frontend-section{padding:180px var(--page-px) 96px;max-width:1320px;margin:0 auto;min-height:100vh;color:var(--text-primary)}.matrix-bg{position:fixed;inset:0;z-index:-2;opacity:.06}.frontend-section .section-title{text-align:center;margin-bottom:40px;animation:none}.frontend-section .sub-title{font-size:var(--fs-section);font-weight:800;color:var(--text-primary);margin-bottom:24px;text-align:center}.frontend-section .sub-heading{font-size:1.1rem;font-weight:700;background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.frontend-section .sub-heading-small{font-size:.95rem;color:var(--accent-1);margin:12px 0 8px;font-weight:600}.frontend-section .card{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-card);padding:var(--card-p);backdrop-filter:blur(20px);margin-bottom:24px;position:relative;overflow:hidden;transition:border-color .3s ease,box-shadow .35s ease,transform .3s ease;animation:none}.frontend-section .card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,204,.18),transparent)}.frontend-section .glow-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-5px)}.frontend-section .card:nth-child(2n),.frontend-section .card:nth-child(odd){animation:none}.tech-container{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.tech-chip{background:rgba(0,255,204,.07);color:#5ef5d6;border:1px solid rgba(0,255,204,.22);padding:4px 12px;border-radius:var(--radius-chip);font-size:var(--fs-xs);font-weight:600;cursor:default;transition:background .2s ease,transform .2s ease;box-shadow:none}.tech-chip:hover{background:rgba(0,255,204,.16);border-color:rgba(0,255,204,.5);transform:translateY(-2px);box-shadow:none}.frontend-section .feature-list{list-style:none;padding:0}.frontend-section .feature-list li{margin-bottom:10px;padding-left:18px;font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.65;position:relative;transition:color .2s ease}.frontend-section .feature-list li:before{content:"▸";position:absolute;left:0;color:var(--accent-1);font-size:10px;top:4px}.frontend-section .feature-list li:hover{color:var(--text-primary)}.frontend-section .bullet{background:var(--accent-1);box-shadow:none}.frontend-section .pulse{animation:none}.frontend-section .terminal-window{box-shadow:none}.frontend-section .terminal-header{display:flex;align-items:center;padding:10px 16px;background:#161b22;border-bottom:1px solid #21262d;gap:8px}.terminal-button{width:11px;height:11px;border-radius:50%}.red{background:#ff5f57}.yellow{background:#febc2e}.green{background:#28c840}.pulse-green,.pulse-red,.pulse-yellow{animation:none}.terminal-title{flex:1;text-align:center;font-size:var(--fs-xs);color:#6e7681;font-family:var(--font-mono);text-shadow:none}.terminal-content{padding:16px 20px;font-family:var(--font-mono);font-size:.8rem;background:#0d1117;min-height:260px;line-height:1.65;overflow:hidden}.code-line{margin-bottom:3px;padding:1px 0;transition:background .2s ease}.code-line:hover{background:rgba(0,255,204,.07);padding-left:8px;border-left:2px solid var(--accent-1)}.line-number{color:#4d5566;margin-right:14px;user-select:none}.keyword{color:#ff7eb6;font-weight:700}.variable{color:var(--accent-1)}.function{color:#ffd23f}.string{color:#00e676}.comment{color:#525c6e;font-style:italic}.property{color:#ff9500}.null{color:#ff5555}.tag{color:#ff7eb6}.attribute{color:var(--accent-4)}.frontend-section .process-card{text-align:center;padding:22px 18px;border-radius:var(--radius-card);background:rgba(0,255,204,.05);border:1px solid var(--border-accent);transition:border-color .3s ease,transform .3s ease}.frontend-section .process-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:none}.frontend-section .process-card h4{color:var(--text-primary);margin-bottom:8px;font-weight:700}.frontend-section .process-card h4:hover{color:var(--accent-1)}.frontend-section .process-card p{color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.5}.frontend-section .process-icon{filter:none}.frontend-section .skill-block{background:rgba(0,255,204,.07);color:#5ef5d6;border:1px solid rgba(0,255,204,.22);padding:4px 12px;border-radius:var(--radius-chip);font-size:var(--fs-xs);font-weight:600;margin:0 4px 6px 0;display:inline-block;transition:background .2s ease,transform .2s ease;box-shadow:none}.frontend-section .skill-block:hover{background:rgba(0,255,204,.16);border-color:rgba(0,255,204,.5);transform:translateY(-2px);box-shadow:none}.image-container{position:relative;border-radius:var(--radius-card);overflow:hidden}.scan-line{display:none}.frontend-section .shopify-img{border-radius:12px;border:1px solid var(--border-accent);width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .4s ease}.frontend-section .shopify-img:hover{transform:scale(1.03)}.frontend-section .image-caption{margin-top:10px;text-align:center;color:var(--text-muted);font-size:var(--fs-xs);text-shadow:none}.frontend-section .grid{display:grid;gap:20px}.frontend-section .grid-two-columns{grid-template-columns:1fr 1fr}.frontend-section .grid-four-columns{grid-template-columns:repeat(4,1fr)}.responsive-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.section-block{margin-top:40px;padding-top:28px;border-top:1px solid var(--border-accent)}.glitch{position:relative}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;inset:0;opacity:.06}.glitch:before{color:#ff0040}.glitch:after{color:var(--accent-4)}@media (max-width:900px){.frontend-section .grid-four-columns,.frontend-section .grid-two-columns,.responsive-grid{grid-template-columns:1fr}}@media (max-width:600px){.frontend-section{padding:40px 16px 64px}.frontend-section .card{padding:18px}}