*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

  [data-theme="dark"] {
    --bg:#080808; --bg2:#111111; --bg3:#1a1a1a;
    --border:rgba(255,255,255,0.07); --border2:rgba(255,255,255,0.13);
    --accent:#f59e0b; --accent2:#fbbf24;
    --text:#f0ebe3; --muted:#777; --subtle:rgba(240,235,227,0.52);
    --nav-bg:rgba(8,8,8,0.82); --grid-line:rgba(255,255,255,0.02); --glow:rgba(245,158,11,0.06);
  }
  [data-theme="light"] {
    --bg:#faf8f5; --bg2:#f2efe9; --bg3:#e8e4dc;
    --border:rgba(0,0,0,0.08); --border2:rgba(0,0,0,0.16);
    --accent:#d97706; --accent2:#f59e0b;
    --text:#1a1714; --muted:#888; --subtle:rgba(26,23,20,0.6);
    --nav-bg:rgba(250,248,245,0.88); --grid-line:rgba(0,0,0,0.04); --glow:rgba(217,119,6,0.07);
  }

  html { scroll-behavior: smooth; }
  body {
    background:var(--bg); color:var(--text);
    font-family:'Outfit',sans-serif; font-weight:300; line-height:1.7;
    cursor:none; overflow-x:hidden;
    transition:background 0.4s,color 0.4s;
  }

  /* CURSOR */
  #cursor { width:10px;height:10px;background:var(--accent);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:opacity 0.2s; }
  #cursor-ring { width:34px;height:34px;border:1.5px solid rgba(245,158,11,0.35);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width 0.3s,height 0.3s,border-color 0.3s; }
  body:has(a:hover) #cursor-ring,body:has(button:hover) #cursor-ring,body:has(.project-card:hover) #cursor-ring { width:52px;height:52px;border-color:var(--accent); }

  /* NAV */
  nav {
    position:fixed;top:0;left:0;right:0;z-index:100;
    padding:1.5rem 4rem;
    display:flex;justify-content:space-between;align-items:center;
    backdrop-filter:blur(20px);
    border-bottom:1px solid var(--border);
    background:var(--nav-bg);
    transition:padding 0.3s,background 0.4s;
  }
  nav.scrolled { padding: 1rem 4rem; }
  .nav-logo { font-family:'JetBrains Mono',monospace;font-size:0.85rem;color:var(--accent);letter-spacing:0.1em;text-decoration:none; }
  .nav-right { display:flex;align-items:center;gap:2.5rem; }
  .nav-links { display:flex;gap:2.5rem;list-style:none; }
  .nav-links a { font-size:0.78rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color 0.3s;position:relative; }
  .nav-links a::after { content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--accent);transition:width 0.3s; }
  .nav-links a:hover { color:var(--text); }
  .nav-links a:hover::after { width:100%; }
  

  /* THEME TOGGLE */
  #theme-toggle {
    width:48px;height:26px;background:var(--bg3);border:1px solid var(--border2);
    border-radius:13px;cursor:none;position:relative;
    transition:background 0.3s;flex-shrink:0;outline:none;
    display:flex;align-items:center;padding:0 5px;justify-content:space-between;
  }
  #theme-toggle .t-icon { font-size:11px;line-height:1;z-index:1;transition:opacity 0.3s; }
  #theme-toggle .t-moon { opacity:1; }
  #theme-toggle .t-sun  { opacity:0.4; }
  [data-theme="light"] #theme-toggle .t-moon { opacity:0.4; }
  [data-theme="light"] #theme-toggle .t-sun  { opacity:1; }
  #theme-toggle::before {
    content:'';position:absolute;top:3px;left:3px;
    width:18px;height:18px;border-radius:50%;background:var(--accent);
    transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1);z-index:2;
  }
  [data-theme="light"] #theme-toggle::before { transform:translateX(22px); }

  /* HERO */
  #hero { min-height:100vh;display:flex;align-items:center;padding:8rem 4rem 4rem;position:relative;overflow:hidden; }
  .hero-grid-bg {
    position:absolute;inset:0;
    background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);
    background-size:60px 60px;
    mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);
  }
  .hero-accent-circle { position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,var(--glow) 0%,transparent 70%);top:-100px;right:-100px;animation:pulseGlow 6s ease-in-out infinite; }
  @keyframes pulseGlow { 0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.6} }

  .hero-content { position:relative;z-index:1;max-width:900px; }
  .hero-tag { font-family:'JetBrains Mono',monospace;font-size:0.8rem;color:var(--accent);letter-spacing:0.2em;text-transform:uppercase;margin-bottom:1.5rem;opacity:0;transform:translateY(20px);animation:fadeUp 0.8s 0.2s forwards; }
  .hero-tag span { color:var(--muted); }
  h1.hero-name { font-family:'Bebas Neue',sans-serif;font-size:clamp(5rem,12vw,11rem);line-height:0.9;letter-spacing:0.02em;color:var(--text);opacity:0;transform:translateY(30px);animation:fadeUp 0.9s 0.4s forwards; }
  h1.hero-name .accent { color:var(--accent); }
  .hero-role { font-size:clamp(1rem,2vw,1.15rem);color:var(--subtle);margin-top:1.5rem;font-weight:300;max-width:540px;line-height:1.8;opacity:0;transform:translateY(20px);animation:fadeUp 0.8s 0.7s forwards; }
  .hero-actions { display:flex;gap:1rem;margin-top:3rem;opacity:0;transform:translateY(20px);animation:fadeUp 0.8s 0.9s forwards;flex-wrap:wrap; }
  .btn-primary { padding:0.9rem 2.2rem;background:var(--accent);color:#000;font-family:'Outfit',sans-serif;font-size:0.85rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;border:none;cursor:none;transition:background 0.3s,transform 0.2s;display:inline-block; }
  .btn-primary:hover { background:var(--accent2);transform:translateY(-2px); }
  .btn-ghost { padding:0.9rem 2.2rem;background:transparent;color:var(--text);font-family:'Outfit',sans-serif;font-size:0.85rem;font-weight:400;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;border:1px solid var(--border2);cursor:none;transition:border-color 0.3s,color 0.3s,transform 0.2s;display:inline-block; }
  .btn-ghost:hover { border-color:var(--accent);color:var(--accent);transform:translateY(-2px); }

  .hero-stats { position:absolute;bottom:4rem;right:4rem;display:flex;gap:3rem;opacity:0;animation:fadeUp 0.8s 1.2s forwards; }
  .stat { text-align:right; }
  .stat-num { font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--accent);line-height:1; }
  .stat-label { font-size:0.7rem;color:var(--muted);letter-spacing:0.15em;text-transform:uppercase; }
  .scroll-hint { position:absolute;bottom:3rem;left:4rem;display:flex;align-items:center;gap:1rem;opacity:0;animation:fadeUp 0.8s 1.4s forwards; }
  .scroll-line { width:40px;height:1px;background:var(--muted); }
  .scroll-text { font-size:0.7rem;color:var(--muted);letter-spacing:0.2em;text-transform:uppercase; }
  @keyframes fadeUp { to{opacity:1;transform:translateY(0);} }

  /* SECTIONS */
  section { padding:7rem 4rem;position:relative; }
  .section-header { display:flex;align-items:center;gap:1.5rem;margin-bottom:4rem; }
  .section-num { font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:var(--accent);letter-spacing:0.1em; }
  .section-title { font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,5vw,4rem);letter-spacing:0.05em;color:var(--text); }
  .section-line { flex:1;height:1px;background:var(--border); }

  /* ABOUT */
  #about { background:var(--bg2); }
  .about-grid { display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center; }
  .about-text p { color:var(--subtle);margin-bottom:1.2rem;font-size:1.05rem;line-height:1.85; }
  .about-text p strong { color:var(--text);font-weight:500; }
  .about-text p em { color:var(--accent);font-style:normal; }
  .about-details { display:flex;flex-direction:column;gap:0.8rem;margin-top:2rem; }
  .detail-row { display:flex;justify-content:space-between;align-items:center;padding:0.9rem 1.4rem;border:1px solid var(--border);background:var(--bg3);transition:border-color 0.3s; }
  .detail-row:hover { border-color:rgba(245,158,11,0.3); }
  .detail-label { font-size:0.72rem;color:var(--muted);letter-spacing:0.15em;text-transform:uppercase; }
  .detail-value { font-size:0.9rem;color:var(--text); }
  .about-visual { position:relative;display:flex;align-items:center;justify-content:center; }
  .about-badge { width:300px;height:300px;border:1px solid var(--border);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:var(--bg3); }
  .about-badge::before { content:'';position:absolute;inset:-12px;border-radius:50%;border:1px dashed rgba(245,158,11,0.2);animation:spin 20s linear infinite; }
  .about-badge::after { content:'';position:absolute;inset:-24px;border-radius:50%;border:1px dashed rgba(245,158,11,0.1);animation:spin 30s linear infinite reverse; }
  @keyframes spin { to{transform:rotate(360deg);} }
  .badge-initials { font-family:'Bebas Neue',sans-serif;font-size:5rem;color:var(--accent);line-height:1; }
  .badge-sub { font-size:0.7rem;color:var(--muted);letter-spacing:0.2em;text-transform:uppercase;margin-top:0.5rem; }

  /* SKILLS */
  .skills-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem; perspective: 1000px; }
  .skill-category { 
    --x: 50%; --y: 50%; --rx: 0deg; --ry: 0deg;
    background:var(--bg2);border:1px solid var(--border);padding:2rem;
    position: relative; overflow: hidden; transform-style: preserve-3d;
    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.4s, box-shadow 0.4s; 
  }
  .skill-category:hover { 
    border-color:rgba(245,158,11,0.4); 
    transform: rotateX(var(--rx)) rotateY(var(--ry)) translateY(-4px);
    background: radial-gradient(circle at var(--x) var(--y), rgba(245,158,11,0.08) 0%, var(--bg2) 70%);
    box-shadow: 0 10px 20px -10px rgba(0,0,0,0.3), 0 0 15px rgba(245,158,11,0.05);
  }
  .skill-category > * { transition: transform 0.3s ease-out; }
  .skill-category:hover > * { transform: translateZ(20px); }
  .skill-cat-title { font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:var(--accent);letter-spacing:0.2em;text-transform:uppercase;margin-bottom:1.5rem; }
  .skill-tags { display:flex;flex-wrap:wrap;gap:0.5rem; }
  .skill-tag { padding:0.35rem 0.8rem;background:var(--bg3);border:1px solid var(--border);font-size:0.8rem;color:var(--subtle);letter-spacing:0.05em;transition:all 0.3s;cursor:default; }
  .skill-tag:hover { background:rgba(245,158,11,0.08);border-color:rgba(245,158,11,0.4);color:var(--accent); }

  /* CURRENTLY LEARNING */
  #learning { padding-top:0; }
  .learning-panel {
    background:var(--bg2);border:1px solid var(--border);padding:2rem;
    border-left:3px solid var(--accent);max-width:900px;
  }
  .learning-panel .skill-tags { gap:0.75rem; }
  .learning-panel .skill-tag { font-family:'JetBrains Mono',monospace; }

  /* EXPERIENCE */
  #experience { background:var(--bg2); }
  .timeline { position:relative;padding-left:3rem; }
  .timeline::before { content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--border); }
  .timeline-item { position:relative;margin-bottom:4rem;opacity:0;transform:translateX(-20px);transition:opacity 0.6s,transform 0.6s; }
  .timeline-item.visible { opacity:1;transform:translateX(0); }
  .timeline-dot { position:absolute;left:-3.35rem;top:0.4rem;width:12px;height:12px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px rgba(245,158,11,0.15); }
  .timeline-period { font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:var(--accent);letter-spacing:0.1em;margin-bottom:0.5rem; }
  .timeline-company { font-family:'Bebas Neue',sans-serif;font-size:1.8rem;letter-spacing:0.05em;color:var(--text);line-height:1; }
  .timeline-role { font-size:0.85rem;color:var(--muted);letter-spacing:0.1em;text-transform:uppercase;margin:0.4rem 0 1rem; }
  .timeline-content { background:var(--bg3);border:1px solid var(--border);padding:1.5rem;border-left:3px solid var(--accent); }
  .timeline-content ul { list-style:none; }
  .timeline-content li { font-size:0.92rem;color:var(--subtle);padding:0.45rem 0 0.45rem 1.2rem;position:relative;line-height:1.7; }
  .timeline-content li::before { content:'▸';position:absolute;left:0;color:var(--accent);font-size:0.7rem;top:0.62rem; }

  /* PROJECTS */
  .projects-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem; perspective: 1000px; }
  .project-card { 
    --x: 50%; --y: 50%; --rx: 0deg; --ry: 0deg;
    background: var(--bg2); border: 1px solid var(--border); padding: 2rem; position: relative; overflow: hidden; cursor: none;
    transform-style: preserve-3d;
    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.4s, box-shadow 0.4s; 
  }
  .project-card::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);transform:scaleX(0) translateZ(1px);transform-origin:left;transition:transform 0.4s;z-index:2; }
  .project-card:hover::before { transform:scaleX(1) translateZ(1px); }
  .project-card:hover { 
    border-color: rgba(245,158,11,0.4); 
    transform: rotateX(var(--rx)) rotateY(var(--ry)) translateY(-6px);
    background: radial-gradient(circle at var(--x) var(--y), rgba(245,158,11,0.1) 0%, var(--bg2) 70%);
    box-shadow: 0 15px 30px -10px rgba(0,0,0,0.4), 0 0 20px rgba(245,158,11,0.1);
  }
  /* PREVIEW ICON */
  .project-card::after {
    content: '↗'; position: absolute; top: 1.5rem; right: 1.5rem; font-size: 1.5rem; color: var(--accent);
    opacity: 0; transform: translate(-10px, 10px) translateZ(20px); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); z-index: 2;
  }
  .project-card:hover::after { opacity: 1; transform: translate(0, 0) translateZ(20px); }
  .project-card > * { transition: transform 0.3s ease-out; }
  .project-card:hover > * { transform: translateZ(25px); }

  .project-num { font-family:'JetBrains Mono',monospace;font-size:0.75rem;color:rgba(245,158,11,0.4);letter-spacing:0.1em;margin-bottom:1rem; }
  .project-title { font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:0.05em;margin-bottom:0.8rem;color:var(--text); }
  .project-desc { font-size:0.9rem;color:var(--subtle);line-height:1.75;margin-bottom:1.5rem; }
  .project-tags { display:flex;flex-wrap:wrap;gap:0.4rem; }
  .project-tag { font-family:'JetBrains Mono',monospace;font-size:0.7rem;color:var(--accent);background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.2);padding:0.2rem 0.6rem;letter-spacing:0.05em; }

  /* CERTIFICATIONS */
  #certifications { background:var(--bg2); }
  .certs-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem; perspective: 1000px; }
  .cert-card { 
    --x: 50%; --y: 50%; --rx: 0deg; --ry: 0deg;
    background:var(--bg3);border:1px solid var(--border);padding:1.8rem;
    position:relative;overflow:hidden; transform-style: preserve-3d;
    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 0.4s, box-shadow 0.4s; 
  }
  .cert-card::after { 
    content:'✦';position:absolute;bottom:1.5rem;right:1.5rem;font-size:1.5rem;color:rgba(245,158,11,0.1); 
    transition: transform 0.3s ease-out, color 0.4s;
  }
  .cert-card:hover { 
    border-color:rgba(245,158,11,0.4); 
    transform: rotateX(var(--rx)) rotateY(var(--ry)) translateY(-3px);
    background: radial-gradient(circle at var(--x) var(--y), rgba(245,158,11,0.08) 0%, var(--bg3) 70%);
    box-shadow: 0 10px 20px -10px rgba(0,0,0,0.3), 0 0 15px rgba(245,158,11,0.05);
  }
  .cert-card:hover::after { color: rgba(245,158,11,0.3); transform: translateZ(25px); }
  .cert-card > * { transition: transform 0.3s ease-out; }
  .cert-card:hover > * { transform: translateZ(15px); }
  .cert-issuer { font-family:'JetBrains Mono',monospace;font-size:0.7rem;color:var(--accent);letter-spacing:0.15em;text-transform:uppercase;margin-bottom:0.5rem; }
  .cert-name { font-size:1rem;font-weight:500;color:var(--text);line-height:1.4; }

  /* LANGUAGES */
  .languages-row { display:flex;gap:2rem;flex-wrap:wrap; }
  .lang-item { flex:1;min-width:200px; }
  .lang-header { display:flex;justify-content:space-between;margin-bottom:0.6rem; }
  .lang-name { font-size:0.9rem;font-weight:500;color:var(--text); }
  .lang-level { font-size:0.8rem;color:var(--muted); }
  .lang-bar { height:3px;background:var(--bg3);border-radius:2px;overflow:hidden; }
  .lang-fill { height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0);transition:transform 1.1s cubic-bezier(0.19,1,0.22,1); }

  /* CONTACT */
  #contact { display:flex;flex-direction:column;align-items:center;text-align:center;padding:8rem 4rem;background:var(--bg2);position:relative;overflow:hidden; }
  #contact::before { content:'CONTACT';font-family:'Bebas Neue',sans-serif;font-size:20vw;color:var(--grid-line);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none;letter-spacing:0.1em;opacity:5; }
  .contact-headline { font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,7vw,6rem);letter-spacing:0.05em;margin-bottom:1.5rem;position:relative;color:var(--text); }
  .contact-sub { font-size:1rem;color:var(--muted);max-width:480px;margin-bottom:3rem;position:relative;line-height:1.8; }
  .contact-links { display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;position:relative;margin-bottom:3rem; }
  .contact-link { display:flex;align-items:center;gap:0.7rem;padding:0.9rem 1.6rem;border:1px solid var(--border2);color:var(--subtle);text-decoration:none;font-size:0.85rem;transition:all 0.3s;letter-spacing:0.05em;background:var(--bg3); }
  .contact-link:hover { border-color:var(--accent);color:var(--accent);background:rgba(245,158,11,0.06);transform:translateY(-2px); }
  .contact-link svg { width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0; }
  .contact-link.whatsapp { border-color:rgba(37,211,102,0.4);color:#25d366; }
  .contact-link.whatsapp:hover { border-color:#25d366;background:rgba(37,211,102,0.07);color:#25d366; }
  .contact-link.whatsapp svg { fill:#25d366;stroke:none; }
  
  .contact-link.email { border-color:rgba(239,68,68,0.4);color:#ef4444; }
  .contact-link.email:hover { border-color:#ef4444;background:rgba(239,68,68,0.07);color:#ef4444; }
  .contact-link.email svg { fill:currentColor;stroke:none; }
  
  .contact-link.github { border-color:rgba(243,244,246,0.4);color:#f3f4f6; }
  .contact-link.github:hover { border-color:#f3f4f6;background:rgba(243,244,246,0.07);color:#f3f4f6; }
  
  .contact-link.linkedin { border-color:rgba(59,130,246,0.4);color:#3b82f6; }
  .contact-link.linkedin:hover { border-color:#3b82f6;background:rgba(59,130,246,0.07);color:#3b82f6; }
  .contact-link.facebook { border-color:rgba(24,119,242,0.4);color:#1877F2; }
  .contact-link.facebook svg { fill:#1877F2;stroke:none; }
  .contact-link.facebook:hover { border-color:#1877F2;color:#1877F2;background:rgba(24,119,242,0.06); }
  .contact-link.instagram { border-color:rgba(204,35,102,0.4);color:#cc2366; }
  .contact-link.instagram:hover { border-color:#E1306C;color:#E1306C;background:rgba(225,48,108,0.06); }

  /* FOOTER */
  footer { padding:2rem 4rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:0.75rem;color:var(--muted);letter-spacing:0.1em; }
  .footer-mono { font-family:'JetBrains Mono',monospace; }

  /* REVEAL */
  .reveal { opacity:0;transform:translateY(30px);transition:opacity 0.7s,transform 0.7s; }
  .reveal.visible { opacity:1;transform:translateY(0); }

  /* TOUCH DEVICES & CURSOR */
  @media (pointer: coarse) {
    #cursor, #cursor-ring { display: none !important; }
    body, .btn-primary, .btn-ghost, a, button { cursor: auto !important; }
  }

  /* MOBILE */
  @media(max-width:768px){
    nav{padding:1.2rem 1.5rem;}
    nav.scrolled{padding:1rem 1.5rem;}
    .nav-links{display:none;}
    section{padding:5rem 1.5rem;}
    #hero{padding:7rem 1.5rem 4rem;}
    .about-grid{grid-template-columns:1fr;}
    .about-visual{display:none;}
    .hero-stats{right:1.5rem;bottom:2rem;gap:1.5rem; flex-direction:column;align-items:flex-end;}
    .scroll-hint{left:1.5rem;}
    footer{flex-direction:column;gap:0.5rem;text-align:center;}
  }
/* IMAGE SLIDER */
.slider-container { position:relative; width:100%; height:500px; background:var(--bg3); border:1px solid var(--border); border-radius:4px; overflow:hidden; margin-top:2rem; cursor:auto; }
.slider-wrapper { display:flex; height:100%; transition:transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); }
.slide { min-width:100%; height:100%; display:flex; align-items:center; justify-content:center; padding:1.5rem; }
.slide img { max-width:100%; max-height:100%; object-fit:contain; border-radius:4px; box-shadow:0 10px 40px rgba(0,0,0,0.6); }
.slider-btn { position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; background:var(--bg2); border:1px solid var(--border); color:var(--accent); font-size:1.3rem; display:flex; align-items:center; justify-content:center; transition:all 0.3s; z-index:10; opacity:0.5; outline:none; }
.slider-btn:hover { background:var(--accent); color:#000; opacity:1; transform:translateY(-50%) scale(1.1); }
.slider-btn.prev { left:1.5rem; }
.slider-btn.next { right:1.5rem; }
.slider-dots { position:absolute; bottom:1.5rem; left:50%; transform:translateX(-50%); display:flex; gap:0.6rem; z-index:10; }
.dot { width:8px; height:8px; border-radius:50%; background:var(--border2); transition:all 0.3s; cursor:pointer; }
.dot.active { background:var(--accent); width:24px; border-radius:4px; }
.dot:hover { background:rgba(245,158,11,0.6); }
@media(max-width:768px){ .slider-container{height:300px;} .slider-btn{width:36px;height:36px;font-size:1rem;} .slide{padding:1rem;} }