.loading{overflow:hidden}.loading:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;z-index:9999;opacity:1;transition:opacity .3s ease}.form-group{position:relative;margin-bottom:1.5rem}.form-group.has-error input,.form-group.has-error textarea,.form-group.has-error select{border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c1a}.form-group.has-success input,.form-group.has-success textarea,.form-group.has-success select{border-color:#27ae60;box-shadow:0 0 0 2px #27ae601a}.field-error{color:#e74c3c;font-size:.875rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.field-error:before{content:"⚠";font-size:.75rem}.notification{position:fixed;top:20px;right:20px;max-width:400px;min-width:300px;z-index:10000;transform:translate(100%);transition:transform .3s ease,opacity .3s ease;opacity:0}.notification.show{transform:translate(0);opacity:1}.notification-content{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-large);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-left:4px solid}.notification-success .notification-content{border-left-color:#27ae60;background:#f8fff9}.notification-error .notification-content{border-left-color:#e74c3c;background:#fff8f8}.notification-info .notification-content{border-left-color:#3498db;background:#f8fcff}.notification-message{flex:1;color:var(--text-color);font-weight:500}.notification-close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:#666;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition-fast)}.notification-close:hover{background:#0000001a;color:#333}.nav-open{overflow:hidden}.nav-menu.active{transform:translate(0);visibility:visible;opacity:1}.nav-toggle.active .bar:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.form-group label{font-weight:600;color:var(--text-color);margin-bottom:.5rem;display:block;transition:var(--transition-fast)}.form-group.has-error label{color:#e74c3c}.form-group.has-success label{color:#27ae60}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}button:disabled:hover,.btn:disabled:hover{transform:none!important;box-shadow:var(--shadow-medium)!important}.btn-loading{position:relative;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite;inset:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input:focus,textarea:focus,select:focus,button:focus,.btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.gallerySwiper{overflow:hidden;border-radius:var(--border-radius)}.swiper-slide img{width:100%;height:400px;object-fit:cover;border-radius:var(--border-radius)}.swiper-pagination-bullet{background:var(--primary-color);opacity:.5}.swiper-pagination-bullet-active{opacity:1}.language-switcher{z-index:1002}.lang-dropdown.active{animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.notification{right:10px;left:10px;max-width:none;min-width:auto}.notification-content{padding:.875rem 1rem}.form-row{flex-direction:column}.form-group{margin-bottom:1rem}}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.notification{transition:none}}@media (prefers-contrast: high){.form-group.has-error input,.form-group.has-error textarea,.form-group.has-error select,.form-group.has-success input,.form-group.has-success textarea,.form-group.has-success select{border-width:3px}.notification-content{border-left-width:6px}}@media print{.notification,.language-switcher,.nav-toggle{display:none!important}.navbar{position:static!important;background:#fff!important;box-shadow:none!important}.nav-menu{position:static!important;flex-direction:row!important;background:transparent!important}}:root{--primary-color: #8B4513;--primary-light: #CD853F;--primary-dark: #654321;--secondary-color: #DAA520;--secondary-light: #F4E4BC;--accent-color: #2F4F4F;--text-primary: #333333;--text-secondary: #666666;--text-light: #999999;--background-light: #FAFAFA;--background-white: #FFFFFF;--border-color: #E5E5E5;--overlay-dark: rgba(0, 0, 0, .7);--overlay-light: rgba(0, 0, 0, .3);--font-primary: "Playfair Display", serif;--font-secondary: "Inter", sans-serif;--section-padding: 80px 0;--container-max-width: 1200px;--border-radius: 8px;--border-radius-large: 16px;--transition-fast: .3s ease;--transition-medium: .5s ease;--transition-slow: .8s ease;--shadow-light: 0 2px 10px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .15);--shadow-heavy: 0 10px 40px rgba(0, 0, 0, .2);--shadow-large: 0 8px 32px rgba(0, 0, 0, .15);--text-color: var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-secondary);line-height:1.6;color:var(--text-primary);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}ul{list-style:none}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 20px}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-family:var(--font-primary);font-size:3rem;font-weight:600;color:var(--primary-color);margin-bottom:20px;position:relative}.section-header h2:after{content:"";display:block;width:80px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));margin:20px auto}.section-header p{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.btn{display:inline-block;padding:15px 30px;border-radius:var(--border-radius);font-weight:500;text-align:center;cursor:pointer;transition:var(--transition-fast);border:2px solid transparent;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;box-shadow:var(--shadow-medium)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-heavy)}.btn-secondary{background:transparent;color:#fff;border-color:#fff}.btn-secondary:hover{background:#fff;color:var(--primary-color)}.btn-outline{background:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff}.btn-full{width:100%}.navbar{position:fixed;top:0;left:0;width:100%;background:#fffffff2;backdrop-filter:blur(10px);box-shadow:var(--shadow-light);z-index:1000;transition:var(--transition-fast)}.navbar.scrolled{background:#fffffffa;box-shadow:var(--shadow-medium)}.nav-container{max-width:var(--container-max-width);margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:80px}.nav-logo h2{font-family:var(--font-primary);font-size:1.8rem;color:var(--primary-color);margin-bottom:0}.nav-logo span{font-size:.8rem;color:var(--text-secondary);font-style:italic}.nav-menu{display:flex;gap:30px}.nav-link{color:var(--text-primary);font-weight:500;position:relative;transition:var(--transition-fast)}.nav-link:hover{color:var(--primary-color)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-color);transition:var(--transition-fast)}.nav-link:hover:after{width:100%}.nav-toggle{display:none;flex-direction:column;cursor:pointer;gap:4px}.nav-toggle .bar{width:25px;height:3px;background:var(--primary-color);transition:var(--transition-fast)}.language-switcher{position:relative;margin-left:20px}.current-lang{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--background-white);border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition-fast);font-size:.9rem;font-weight:500}.current-lang:hover{border-color:var(--primary-color);background:var(--background-light)}.lang-dropdown{position:absolute;top:100%;right:0;background:#fff;border:2px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-medium);min-width:140px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition-fast);z-index:1001;margin-top:5px}.lang-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{display:flex;align-items:center;gap:10px;padding:12px 15px;cursor:pointer;transition:var(--transition-fast);border-bottom:1px solid var(--border-color)}.lang-option:last-child{border-bottom:none}.lang-option:hover{background:var(--background-light);color:var(--primary-color)}.flag{width:20px;height:15px;border-radius:2px;background-size:cover;background-position:center;border:1px solid var(--border-color)}.flag-it{background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 2"%3E%3Crect width="1" height="2" fill="%23009246"/%3E%3Crect x="1" width="1" height="2" fill="%23fff"/%3E%3Crect x="2" width="1" height="2" fill="%23ce2b37"/%3E%3C/svg%3E')}.flag-en{background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30"%3E%3Crect width="60" height="30" fill="%23012169"/%3E%3Cpath d="m0,0 60,30m0-30L0,30" stroke="%23fff" stroke-width="6"/%3E%3Cpath d="m0,0 60,30m0-30L0,30" stroke="%23C8102E" stroke-width="4"/%3E%3Cpath d="M30,0v30M0,15H60" stroke="%23fff" stroke-width="10"/%3E%3Cpath d="M30,0v30M0,15H60" stroke="%23C8102E" stroke-width="6"/%3E%3C/svg%3E')}.flag-es{background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 2"%3E%3Crect width="3" height="2" fill="%23AA151B"/%3E%3Crect width="3" height="1" y="0.5" fill="%23F1BF00"/%3E%3C/svg%3E')}.flag-fr{background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3 2"%3E%3Crect width="1" height="2" fill="%23002395"/%3E%3Crect x="1" width="1" height="2" fill="%23fff"/%3E%3Crect x="2" width="1" height="2" fill="%23ED2939"/%3E%3C/svg%3E')}.flag-ca{background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 3"%3E%3Crect width="4" height="3" fill="%23FCDD09"/%3E%3Crect width="4" height="0.3" fill="%23DA020E"/%3E%3Crect width="4" height="0.3" y="0.6" fill="%23DA020E"/%3E%3Crect width="4" height="0.3" y="1.2" fill="%23DA020E"/%3E%3Crect width="4" height="0.3" y="1.8" fill="%23DA020E"/%3E%3Crect width="4" height="0.3" y="2.4" fill="%23DA020E"/%3E%3C/svg%3E')}.arrow{font-size:.7rem;transition:var(--transition-fast)}.lang-dropdown.active+.current-lang .arrow,.current-lang:hover .arrow{transform:rotate(180deg)}.lang-code{font-weight:600;color:var(--text-primary)}.hero{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-attachment:fixed}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8b4513cc,#daa52099)}.hero-content{position:relative;z-index:2;color:#fff;max-width:800px;padding:0 20px}.hero-title{font-family:var(--font-primary);font-size:4.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-subtitle{font-family:var(--font-primary);font-size:1.8rem;font-weight:400;margin-bottom:30px;font-style:italic;opacity:.9}.hero-description{font-size:1.3rem;margin-bottom:40px;opacity:.8;line-height:1.8}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translate(-50%);color:#fff;text-align:center;animation:bounce 2s infinite}.hero-scroll span{display:block;margin-bottom:10px;font-size:.9rem;opacity:.8}.scroll-indicator{width:2px;height:30px;background:#fff;margin:0 auto;opacity:.6}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.storia{padding:var(--section-padding);background:var(--background-light)}.storia-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:40px}.storia-text h3{font-family:var(--font-primary);font-size:2.2rem;color:var(--primary-color);margin-bottom:30px}.storia-text p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:25px}.storia-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:40px}.feature{text-align:center;padding:20px;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-light);transition:var(--transition-fast)}.feature:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.feature h4{font-family:var(--font-primary);color:var(--primary-color);margin-bottom:10px;font-size:1.2rem}.feature p{color:var(--text-light);font-size:.9rem}.storia-image{position:relative;border-radius:var(--border-radius-large);overflow:hidden;box-shadow:var(--shadow-heavy)}.storia-image img{width:100%;height:500px;object-fit:cover;transition:var(--transition-slow)}.storia-image:hover img{transform:scale(1.05)}.eventi{padding:var(--section-padding);background:var(--background-white)}.eventi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:40px}.evento-card{background:#fff;border-radius:var(--border-radius-large);overflow:hidden;box-shadow:var(--shadow-light);transition:var(--transition-fast)}.evento-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-heavy)}.evento-image{position:relative;height:250px;overflow:hidden}.evento-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.evento-card:hover .evento-image img{transform:scale(1.1)}.evento-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--overlay-dark),transparent);display:flex;align-items:flex-end;padding:30px}.evento-overlay h3{color:#fff;font-family:var(--font-primary);font-size:1.8rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.evento-content{padding:30px}.evento-content h3{font-family:var(--font-primary);color:var(--primary-color);margin-bottom:15px;font-size:1.5rem}.evento-content p{color:var(--text-secondary);margin-bottom:20px;line-height:1.7}.evento-features{margin-bottom:25px}.evento-features li{border-bottom:1px solid var(--border-color);color:var(--text-secondary);position:relative;padding:8px 0 8px 20px}.evento-features li:last-child{border-bottom:none}.evento-features li:before{content:"✓";position:absolute;left:0;color:var(--secondary-color);font-weight:700}.gallery{padding:var(--section-padding);background:var(--background-light)}.gallery-container{margin-top:40px}.gallerySwiper{width:100%;height:500px;border-radius:var(--border-radius-large);overflow:hidden;box-shadow:var(--shadow-heavy)}.gallerySwiper .swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center;position:relative}.gallerySwiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.gallerySwiper .swiper-button-next,.gallerySwiper .swiper-button-prev{color:#fff;background:#8b4513cc;border-radius:50%;width:50px;height:50px;margin-top:-25px;transition:var(--transition-fast)}.gallerySwiper .swiper-button-next:hover,.gallerySwiper .swiper-button-prev:hover{background:#8b4513e6;transform:scale(1.1)}.gallerySwiper .swiper-button-next:after,.gallerySwiper .swiper-button-prev:after{font-size:20px;font-weight:700}.gallerySwiper .swiper-pagination{bottom:20px}.gallerySwiper .swiper-pagination-bullet{background:var(--primary-color);opacity:.5;width:12px;height:12px;margin:0 4px}.gallerySwiper .swiper-pagination-bullet-active{opacity:1;background:var(--secondary-color);transform:scale(1.2)}.servizi{padding:var(--section-padding);background:var(--background-white)}.servizi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:40px}.servizio-card{text-align:center;padding:40px 30px;background:#fff;border-radius:var(--border-radius-large);box-shadow:var(--shadow-light);transition:var(--transition-fast)}.servizio-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.servizio-icon{width:80px;height:80px;margin:0 auto 25px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.servizio-card h3{font-family:var(--font-primary);color:var(--primary-color);margin-bottom:15px;font-size:1.4rem}.servizio-card p{color:var(--text-secondary);line-height:1.7}.contatti{padding:var(--section-padding);background:var(--background-light)}.contatti-content{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin-top:40px}.contatti-info h3{font-family:var(--font-primary);color:var(--primary-color);margin-bottom:30px;font-size:2rem}.contact-item{margin-bottom:25px}.contact-item strong{display:block;color:var(--primary-color);margin-bottom:5px;font-size:1.1rem}.contact-item p{color:var(--text-secondary);line-height:1.6}.contact-item a{color:var(--primary-color);transition:var(--transition-fast)}.contact-item a:hover{color:var(--primary-dark)}.social-links{display:flex;gap:15px;margin-top:30px}.social-link{width:45px;height:45px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.social-link:hover{background:var(--secondary-color);transform:translateY(-3px)}.contact-form{background:#fff;padding:40px;border-radius:var(--border-radius-large);box-shadow:var(--shadow-medium)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;color:var(--text-primary);margin-bottom:8px;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:15px;border:2px solid var(--border-color);border-radius:var(--border-radius);font-family:var(--font-secondary);font-size:1rem;transition:var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8b45131a}.form-group textarea{resize:vertical;min-height:120px}.privacy{margin-top:20px}.checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;line-height:1.5}.checkbox-label input[type=checkbox]{width:auto;margin:0}.checkbox-label a{color:var(--primary-color);text-decoration:underline}.checkbox-label a:hover{color:var(--primary-dark)}.footer{background:var(--primary-dark);color:#fff;padding:50px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-info h3{font-family:var(--font-primary);margin-bottom:15px;font-size:1.5rem}.footer-info p{opacity:.8;line-height:1.6}.footer-links h4{font-family:var(--font-primary);margin-bottom:20px;color:var(--secondary-color)}.footer-links ul li{margin-bottom:10px}.footer-links ul li a{opacity:.8;transition:var(--transition-fast)}.footer-links ul li a:hover{opacity:1;color:var(--secondary-color)}.footer-certifications h4{font-family:var(--font-primary);margin-bottom:20px;color:var(--secondary-color)}.cert-badges{display:flex;flex-direction:column;gap:15px}.cert-badge{background:#ffffff1a;padding:15px;border-radius:var(--border-radius);text-align:center}.cert-badge strong{display:block;color:var(--secondary-color);font-size:1.1rem;margin-bottom:5px}.cert-badge span{font-size:.9rem;opacity:.8}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-bottom p{opacity:.8}.footer-legal{display:flex;gap:20px}.footer-legal a{opacity:.8;font-size:.9rem;transition:var(--transition-fast)}.footer-legal a:hover{opacity:1;color:var(--secondary-color)}@media (max-width: 1024px){.hero-title{font-size:3.5rem}.storia-content{gap:50px}.contatti-content{gap:40px}}@media (max-width: 768px){.nav-menu{position:fixed;top:80px;left:-100%;width:100%;height:calc(100vh - 80px);background:#fffffffa;backdrop-filter:blur(10px);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:50px;transition:var(--transition-fast)}.nav-menu.active{left:0}.nav-toggle{display:flex}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.active .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.language-switcher{margin-left:10px;margin-right:10px}.current-lang{padding:6px 8px;font-size:.8rem}.flag{width:16px;height:12px}.hero-title{font-size:2.5rem;line-height:1.2}.hero-subtitle{font-size:1.1rem}.hero-description{font-size:1rem}.contatti-content{grid-template-columns:1fr;gap:30px}.contact-info{order:2}.contact-form{padding:25px;order:1}.form-row{grid-template-columns:1fr;gap:15px;margin-bottom:15px}.form-group{margin-bottom:15px}.form-group input,.form-group select,.form-group textarea{padding:12px 15px;font-size:16px}.form-group label{font-size:.95rem;margin-bottom:6px}.checkbox-label{font-size:.9rem;line-height:1.4}.btn-full{padding:15px 20px;font-size:1rem;margin-top:10px}.footer-content{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column;text-align:center;gap:15px}}@media (max-width: 480px){.container{padding:0 15px}.contact-form{padding:20px;margin:0 -5px}.form-group input,.form-group select,.form-group textarea{padding:14px 12px}.hero-title{font-size:2rem}.navbar{padding:0 15px}.nav-logo h2{font-size:1.3rem}.current-lang{padding:5px 6px;font-size:.75rem}.flag{width:14px;height:10px}.lang-code{font-size:.7rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}@media screen and (-webkit-min-device-pixel-ratio: 0){html{scroll-behavior:smooth}}