/* ===== GLOBAL STYLE ===== */body { font-family: 'Montserrat', 'Inter', sans-serif; background-color: #0b1d2a; color: #ffffff; margin: 0; padding: 0;}/* ===== HERO SECTION ===== */.hero { position: relative; height: 100vh; background: linear-gradient(rgba(5,15,25,0.7), rgba(5,15,25,0.9)), url('https://images.unsplash.com/photo-1509395176047-4a66953fd231'); background-size: cover; background-position: center; display: flex; align-items: center; padding: 0 8%;}.hero-content { max-width: 600px; animation: fadeUp 1.2s ease;}.hero h1 { font-size: 48px; font-weight: 700; margin-bottom: 20px;}.hero p { font-size: 18px; opacity: 0.8; margin-bottom: 30px;}/* ===== CTA BUTTON ===== */.btn-primary { background: linear-gradient(90deg, #00c853, #00e676); color: #fff; padding: 14px 30px; border-radius: 30px; text-decoration: none; font-weight: 600; transition: 0.3s; box-shadow: 0 5px 20px rgba(0, 255, 150, 0.4);}.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0, 255, 150, 0.7);}/* ===== SECTIONS ===== */.section { padding: 80px 10%;}.section h2 { font-size: 32px; margin-bottom: 20px;}.section p { opacity: 0.8;}/* ===== CARD SERVIZI ===== */.cards { display: flex; gap: 30px; flex-wrap: wrap;}.card { flex: 1; min-width: 280px; background: #112b3c; padding: 30px; border-radius: 15px; transition: 0.3s;}.card:hover { transform: translateY(-10px); background: #153d52;}/* ===== ANIMAZIONI ===== */@keyframes fadeUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); }}/* ===== SCROLL REVEAL ===== */.reveal { opacity: 0; transform: translateY(50px); transition: 1s;}.reveal.active { opacity: 1; transform: translateY(0);}

whatsapp image 2026-03-17 at 16.32.01.jpeg

Studio Commercialista

Studio Commercialista

Contatti

La nostra esperienza.

La nostra esperienza.

Telefono: 1234567890

Email: commercialista@mail.com

Saremo al tuo servizio.

Saremo al tuo servizio.

commercialista@mail.com

Privacy Policy

Lorem Ipsum dolor sit amet

/* ===== GLOBAL STYLE ===== */body { font-family: 'Montserrat', 'Inter', sans-serif; background-color: #0b1d2a; color: #ffffff; margin: 0; padding: 0;}/* ===== HERO SECTION ===== */.hero { position: relative; height: 100vh; background: linear-gradient(rgba(5,15,25,0.7), rgba(5,15,25,0.9)), url('https://images.unsplash.com/photo-1509395176047-4a66953fd231'); background-size: cover; background-position: center; display: flex; align-items: center; padding: 0 8%;}.hero-content { max-width: 600px; animation: fadeUp 1.2s ease;}.hero h1 { font-size: 48px; font-weight: 700; margin-bottom: 20px;}.hero p { font-size: 18px; opacity: 0.8; margin-bottom: 30px;}/* ===== CTA BUTTON ===== */.btn-primary { background: linear-gradient(90deg, #00c853, #00e676); color: #fff; padding: 14px 30px; border-radius: 30px; text-decoration: none; font-weight: 600; transition: 0.3s; box-shadow: 0 5px 20px rgba(0, 255, 150, 0.4);}.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0, 255, 150, 0.7);}/* ===== SECTIONS ===== */.section { padding: 80px 10%;}.section h2 { font-size: 32px; margin-bottom: 20px;}.section p { opacity: 0.8;}/* ===== CARD SERVIZI ===== */.cards { display: flex; gap: 30px; flex-wrap: wrap;}.card { flex: 1; min-width: 280px; background: #112b3c; padding: 30px; border-radius: 15px; transition: 0.3s;}.card:hover { transform: translateY(-10px); background: #153d52;}/* ===== ANIMAZIONI ===== */@keyframes fadeUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); }}/* ===== SCROLL REVEAL ===== */.reveal { opacity: 0; transform: translateY(50px); transition: 1s;}.reveal.active { opacity: 1; transform: translateY(0);}