/* =========================
   INDEX
=========================

.about-card
.about-card:hover
.about-card img
.about-card p
.about-cards
.about-cta
.about-desc
.about-footer
.about-hero
.about-hero h1
.about-hero h2
.about-hero-img
.about-hero-text
.about-icon
.about-icon .icon
.about-icons
.about-info
.about-info-title
.about-page
.about-section
.about-subtitle
.about-wrapper
.anywhere
.anywhere-card
.anywhere-content
.anywhere-grid
.anywhere-header
.anywhere-title
.card-header
.card-number
.cta-button
.cta-left
.cta-link
.cta-right
.cta-text
.footer-left
.footer-right
.phone

========================= */


/* ===== BASE ===== */
.about-page { color:white; padding:40px 20px; }

/* ===== HERO ===== */
.about-hero { display:flex; align-items:flex-start; justify-content:center; gap:40px; }
.about-hero-text { flex:1; max-width:520px; margin-top:30px; }
.about-hero-text p { line-height:1.6; margin-top:15px; }
.about-hero h1 { font-size:48px; margin:10px 0; }
.about-hero h1 span { color:#6ea8ff; }
.about-hero h2 { font-size:16px; color:#6ea8ff; letter-spacing:1px; margin-bottom:10px; }
.about-hero h2:last-of-type { color:white; opacity:0.8; }

/* ===== HERO IMAGE ===== */
.about-hero-img { position:relative; width:380px; height:420px; display:flex; justify-content:center; align-items:center; }
.phone { position:relative; width:300px; z-index:2; transform:translateX(40px); filter:drop-shadow(0 0 10px rgba(0,150,255,0.8)) drop-shadow(0 0 25px rgba(120,80,255,0.6)) drop-shadow(0 0 50px rgba(0,150,255,0.4)); animation:floatPhone 5s ease-in-out infinite; }

/* ===== GLOW ===== */
.about-wrapper { position:relative; display:flex; justify-content:center; align-items:center; }
.about-wrapper::before { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:520px; height:520px; border-radius:50%; background:radial-gradient(circle,rgba(0,150,255,0.4) 0%,rgba(120,80,255,0.3) 40%,transparent 70%); filter:blur(25px); opacity:.6; }
.about-wrapper::after { content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:520px; height:520px; border-radius:50%; background:repeating-radial-gradient(circle,rgba(0,220,255,0.9) 0px,rgba(0,220,255,0.9) 2px,transparent 2px,transparent 60px); animation:aboutPulse 8s ease-in-out infinite,neonFlicker 4s ease-in-out infinite; filter:blur(2px) drop-shadow(0 0 10px rgba(0,220,255,0.8)) drop-shadow(0 0 25px rgba(120,80,255,0.6)); opacity:0.7; }
.glow-circle { position:absolute; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle,rgba(0,150,255,0.6) 0%,rgba(120,80,255,0.4) 40%,transparent 70%); filter:blur(25px); }

/* ===== ICONS ===== */
.about-icons { display:flex; gap:30px; margin-top:25px; flex-wrap:wrap; }
.about-icon { text-align:center; font-size:14px; opacity:0.9; }
.about-icon .icon { display:block; font-size:28px; margin-bottom:8px; filter:drop-shadow(0 0 6px #6ea8ff) drop-shadow(0 0 12px #6ea8ff); transition:0.3s; }
.about-icon:hover .icon { transform:scale(1.2); filter:drop-shadow(0 0 10px #9b6eff) drop-shadow(0 0 20px #9b6eff); }

/* ===== SECTION ===== */
.about-section { margin-top:80px; text-align:center; }
.about-subtitle { color:#6ea8ff; font-size:14px; letter-spacing:1px; margin-bottom:10px; }
.about-desc { opacity:0.7; margin-bottom:40px; }

/* ===== CARDS ===== */
.about-cards { display:flex; gap:25px; justify-content:center; flex-wrap:wrap; }
.about-card { width:320px; padding:25px; border-radius:20px; background:rgba(255,255,255,0.03); backdrop-filter:blur(10px); text-align:left; position:relative; transition:0.3s; opacity:0; transform:translateY(40px); animation:fadeUp 0.8s ease forwards; }
.about-card:nth-child(1){animation-delay:.2s;}
.about-card:nth-child(2){animation-delay:.4s;}
.about-card:nth-child(3){animation-delay:.6s;}
.about-card::before { content:""; position:absolute; inset:0; border-radius:20px; border:1px solid rgba(255,255,255,0.05); }
.about-card:hover { transform:translateY(-12px) scale(1.02); box-shadow:0 20px 40px rgba(0,0,0,0.5),0 0 20px rgba(0,150,255,0.3),0 0 50px rgba(120,80,255,0.3); }
.about-card img { width:100%; border-radius:15px; }
.about-card p { font-size:14px; opacity:0.7; line-height:1.5; margin-bottom:15px; }

/* ===== CARD HEADER ===== */
.card-header { display:flex; align-items:center; gap:12px; }
.card-number { width:40px; height:40px; border-radius:50%; background:linear-gradient(135deg,#6ea8ff,#9b6eff); display:flex; align-items:center; justify-content:center; font-weight:bold; box-shadow:0 0 10px rgba(110,168,255,0.6),0 0 20px rgba(155,110,255,0.5); min-width:40px; }
.card-header h3 { margin:0; transform:translateY(-3px); color:#fff; transition:text-shadow .3s; }
.about-card:hover h3 { text-shadow:0 0 10px rgba(110,168,255,0.8),0 0 20px rgba(155,110,255,0.6); }

/* ===== ANYWHERE ===== */
.anywhere { margin-top:100px; }
.anywhere-title { text-align:center; font-size:18px; letter-spacing:2px; color:#6ea8ff; margin-bottom:40px; text-shadow:0 0 10px rgba(110,168,255,0.6),0 0 20px rgba(155,110,255,0.4); }
.anywhere-grid { display:flex; gap:20px; justify-content:center; flex-wrap:wrap; }
.anywhere-card { width:260px; height:280px; border-radius:20px; overflow:hidden; position:relative; background-size:cover; background-position:center; transition:.3s; }
.anywhere-card::before { content:""; position:absolute; inset:0; background:linear-gradient(to bottom,rgba(0,0,0,0.2),rgba(0,0,0,0.7)); }
.anywhere-content { position:relative; z-index:2; padding:20px; display:flex; flex-direction:column; }
.anywhere-header { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.anywhere-header img { width:34px; filter:drop-shadow(0 0 6px #6ea8ff) drop-shadow(0 0 12px #9b6eff); }
.anywhere-card:hover { transform:translateY(-10px) scale(1.02); box-shadow:0 0 20px rgba(0,150,255,0.3),0 0 40px rgba(120,80,255,0.3); }

/* ===== CTA ===== */
.about-cta { margin-top:100px; padding:30px 40px; border-radius:20px; background:linear-gradient(90deg,rgba(15,20,40,0.9),rgba(10,15,30,0.9)); display:flex; justify-content:space-between; align-items:center; box-shadow:0 0 30px rgba(0,0,0,0.5); }
.cta-left { display:flex; align-items:center; gap:20px; }
.cta-text h3 { margin:0; font-size:22px; }
.cta-text p { margin:5px 0 0; opacity:.7; font-size:14px; }
.cta-button { display:inline-block; padding:14px 30px; border-radius:30px; background:linear-gradient(90deg,#8b5cf6,#3b82f6); color:#fff; text-decoration:none; font-weight:600; transition:.3s; }
.cta-button:hover { transform:scale(1.05); box-shadow:0 0 30px rgba(110,168,255,0.8),0 0 60px rgba(155,110,255,0.6); }
.cta-link { margin-top:10px; font-size:13px; opacity:.6; }
.cta-link a{color:#6ea8ff;text-decoration:none;font-weight:500;transition:0.3s;border-bottom:1px solid rgba(110,168,255,0.4);padding-bottom:2px;}
.cta-link a:hover{color:#ffffff;border-bottom:1px solid #6ea8ff;text-shadow:0 0 8px rgba(110,168,255,0.6);}
 
/* ===== INFO ===== */
.about-info { margin-top:100px; }
.about-info-title { text-align:center; margin-bottom:40px; font-size:22px; color:#6ea8ff; }
.info-grid { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; }
.info-card { width:300px; padding:20px; border-radius:18px; background:rgba(255,255,255,0.03); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,0.05); transition:.3s; }
.info-card:hover{transform:translateY(-8px);box-shadow:0 0 20px rgba(0,150,255,0.25),0 0 40px rgba(120,80,255,0.2);}
.info-card.highlight { max-width:800px; margin:0 auto 30px; text-align:center; }


/* ===== FOOTER ===== */
.about-footer { margin-top:80px; padding:20px 30px; display:flex; justify-content:space-between; align-items:center; border-top:1px solid rgba(255,255,255,0.05); font-size:13px; color:#aaa; }
.footer-right { display:flex; gap:18px; }
.footer-right img { height:18px; opacity:.7; transition:.3s; }
.footer-right img:hover { opacity:1; filter:drop-shadow(0 0 6px #6ea8ff) drop-shadow(0 0 12px #9b6eff); }

/* ===== ANIMAZIONI ===== */
@keyframes fadeUp { from{opacity:0; transform:translateY(40px);} to{opacity:1; transform:translateY(0);} }
@keyframes floatPhone { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-12px);} }
@keyframes aboutPulse { 0%{opacity:.35; transform:translate(-50%,-50%) scale(.98);} 50%{opacity:.6; transform:translate(-50%,-50%) scale(1.05);} 100%{opacity:.35; transform:translate(-50%,-50%) scale(.98);} }
@keyframes neonFlicker { 0%,100%{filter:blur(2px) drop-shadow(0 0 10px rgba(0,220,255,.6));} 50%{filter:blur(2px) drop-shadow(0 0 20px rgba(0,220,255,1));} }

/* ===== MOBILE ===== */
@media (max-width:768px){
.about-hero{flex-direction:column; text-align:center;}
.about-hero h1{font-size:30px;}
.about-footer{flex-direction:column;gap:12px;text-align:center;}
.about-cta{flex-direction:column; gap:25px; text-align:center;}
.about-cta{flex-direction:column;align-items:center;text-align:center;padding:25px 20px;backdrop-filter:blur(12px);}
.about-icons{justify-content:center;}
.anywhere-grid{flex-direction:column; align-items:center;}
.info-grid{flex-direction:column; align-items:center;}
.cta-left{flex-direction:column;gap:15px;}
.cta-icon{width:90px;}
.cta-text h3{font-size:20px;line-height:1.3;}
.cta-text p{font-size:14px;max-width:280px;margin:0 auto;}
.cta-right{margin-top:20px;display:flex;flex-direction:column;align-items:center;}
.cta-button{width:100%;max-width:280px;padding:14px 20px;}
.cta-link{margin-top:12px;text-align:center;width:100%;}
.footer-left{order:1;}
.footer-right{order:2;}

}