/* SKILLS BARS */
.skills-section{max-width:700px}
.skill{margin-bottom:20px}
.skill-header{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.88rem;font-weight:600}
.skill-header span{color:var(--accent2)}
.skill-bar{height:8px;background:rgba(255,255,255,.06);border-radius:50px;overflow:hidden}
.skill-fill{height:100%;border-radius:50px;background:var(--g1);width:0;transition:width 1.5s ease}
.skill-fill.animated{width:var(--w)}

/* COMPARISON TABLE */
.compare-table{width:100%;border-collapse:collapse;font-size:.88rem;border-radius:16px;overflow:hidden}
.compare-table th{padding:16px;text-align:left;background:rgba(123,47,255,.08);font-weight:700;border-bottom:1px solid rgba(255,255,255,.06)}
.compare-table th:first-child{border-radius:16px 0 0 0}
.compare-table th:last-child{border-radius:0 16px 0 0}
.compare-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.04)}
.compare-table tr:hover td{background:rgba(255,255,255,.02)}
.compare-table .check{color:#00FF88;font-weight:700}.compare-table .cross{color:#ff5f57;font-weight:700}
.compare-table .lastly-col{background:rgba(123,47,255,.04)}
.compare-table .lastly-col.th{background:rgba(123,47,255,.12)}

/* NEWSLETTER */
.newsletter{background:linear-gradient(135deg,rgba(123,47,255,.08),rgba(0,212,255,.08));border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:48px;text-align:center;margin-top:32px}
.newsletter h3{font-size:1.4rem;font-weight:800;margin-bottom:8px;font-family:'Space Grotesk',sans-serif}
.newsletter p{color:var(--muted);font-size:.92rem;margin-bottom:24px}
.newsletter-form{display:flex;gap:12px;max-width:440px;margin:0 auto}
.newsletter-form input{flex:1;padding:14px 18px;border-radius:50px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--text);font-family:inherit;font-size:.9rem}
.newsletter-form input:focus{outline:none;border-color:var(--accent)}
.newsletter-form button{padding:14px 28px;border-radius:50px;border:none;background:var(--g1);color:#fff;font-weight:700;cursor:pointer;transition:.3s;white-space:nowrap}
.newsletter-form button:hover{box-shadow:0 8px 30px rgba(123,47,255,.4)}

/* BRANDS */
.brands-strip{padding:48px 24px;text-align:center}
.brands-label{font-size:.75rem;text-transform:uppercase;letter-spacing:3px;color:var(--muted);margin-bottom:24px}
.brands-row{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;align-items:center;opacity:.4;filter:grayscale(1);transition:.5s}
.brands-row:hover{opacity:.7;filter:grayscale(.5)}
.brand-item{font-size:1.4rem;display:flex;align-items:center;gap:8px;font-weight:700;color:var(--muted);font-family:'Space Grotesk',sans-serif}

/* ACHIEVEMENTS */
.achievements{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:32px}
.ach{background:var(--card);border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:24px;display:flex;align-items:center;gap:14px;transition:.3s}
.ach:hover{background:var(--card-h);transform:translateY(-3px)}
.ach-icon{font-size:2rem;flex-shrink:0}
.ach-info h4{font-size:.9rem;font-weight:700;margin-bottom:2px}
.ach-info p{font-size:.78rem;color:var(--muted)}

/* CONTACT SIMPLE */
.contact-simple{text-align:center;max-width:600px;margin:0 auto}
.contact-simple .email-big{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:800;font-family:'Space Grotesk',sans-serif;margin:16px 0 8px}
.contact-simple .email-big a{color:var(--accent2);text-decoration:none;transition:.3s;position:relative}
.contact-simple .email-big a:hover{color:var(--text)}
.contact-simple .email-big a::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--g1)}
.contact-simple .contact-note{color:var(--muted);font-size:.92rem;margin-bottom:32px}
.contact-methods{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.contact-pill{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:50px;background:var(--card);border:1px solid rgba(255,255,255,.06);font-size:.88rem;color:var(--muted);transition:.3s;text-decoration:none}
.contact-pill:hover{border-color:var(--accent);color:var(--text);background:rgba(123,47,255,.08)}

/* ANIMATED BORDER GLOW */
.glow-card{position:relative;overflow:hidden}
.glow-card::before{content:'';position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:conic-gradient(from 0deg,transparent,var(--accent),transparent,var(--accent2),transparent);animation:borderSpin 6s linear infinite;opacity:0;transition:opacity .4s}
.glow-card:hover::before{opacity:.15}
@keyframes borderSpin{to{transform:rotate(360deg)}}

/* SCROLL DOTS NAV (positioned by JS) */
@media(max-width:768px){
  .newsletter-form{flex-direction:column}
  .brands-row{gap:24px}
  .achievements{grid-template-columns:1fr 1fr}
  .compare-table{font-size:.78rem}
  .compare-table th,.compare-table td{padding:10px 8px}
}