:root{--color-primary:#00CED1;--color-primary-dark:#00A8AA;--color-primary-light:#00E5E8;--color-secondary:#333333;--color-text:#1A1A1A;--color-text-light:#555555;--color-bg:#E0F7F8;--color-white:#FFFFFF;--font-main:'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;--glass-bg:rgba(255, 255, 255, 0.25);--glass-bg-strong:rgba(255, 255, 255, 0.4);--glass-border:rgba(255, 255, 255, 0.6);--glass-shadow:0 8px 32px 0 rgba(0, 206, 209, 0.15);--glass-shadow-hover:0 12px 40px 0 rgba(0, 206, 209, 0.25)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;overflow-x:hidden;max-width:100vw}body{font-family:var(--font-main);color:var(--color-text);background:linear-gradient(135deg,#b2dfdb 0,#80cbc4 25%,#4db6ac 50%,#26a69a 75%,#00897b 100%);background-attachment:fixed;line-height:1.8;overflow-x:hidden;max-width:100vw;width:100%;position:relative}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(0,206,209,.3) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(38,166,154,.2) 0,transparent 40%),radial-gradient(circle at 50% 50%,rgba(77,182,172,.15) 0,transparent 50%);pointer-events:none;z-index:0}body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle 200px at 10% 20%,rgba(255,255,255,.15) 0,transparent 100%),radial-gradient(circle 150px at 90% 80%,rgba(0,206,209,.2) 0,transparent 100%),radial-gradient(circle 300px at 50% 50%,rgba(255,255,255,.1) 0,transparent 100%),radial-gradient(circle 180px at 80% 20%,rgba(77,182,172,.15) 0,transparent 100%),radial-gradient(circle 120px at 15% 80%,rgba(38,166,154,.18) 0,transparent 100%);pointer-events:none;z-index:0;animation:float-bubbles 15s ease-in-out infinite}@keyframes float-bubbles{0%{transform:translate(0,0) scale(1)}15%{transform:translate(15px,-20px) scale(1.05)}30%{transform:translate(-10px,15px) scale(.95)}45%{transform:translate(20px,-10px) scale(1.02)}60%{transform:translate(-15px,20px) scale(.98)}75%{transform:translate(18px,-15px) scale(1.03)}90%{transform:translate(-8px,10px) scale(.97)}100%{transform:translate(0,0) scale(1)}}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:all .3s ease}a:hover{color:var(--color-primary-dark)}.header{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:90%;max-width:1100px;background:var(--glass-bg);backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);border:3px solid var(--glass-border);border-radius:100px;z-index:1000;transition:all .4s cubic-bezier(.68, -.55, .265, 1.55);box-shadow:var(--glass-shadow)}.header:hover{background:var(--glass-bg-strong);box-shadow:var(--glass-shadow-hover);transform:translateX(-50%) translateY(-3px) scale(1.02)}.header-container{padding:1.2rem 2.5rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-self:stretch;margin:calc(-1.2rem - 3px) 0 calc(-1.2rem - 3px) calc(-2.5rem - 3px)}.logo a{display:flex;align-items:center;background:rgba(255,255,255,.85);padding:0 18px;border-radius:97px 0 0 97px}.logo-img{height:60px;width:auto}.nav ul{display:flex;list-style:none;gap:1rem}.nav a{color:var(--color-text);font-weight:600;padding:.5rem 1.4rem;font-size:.85rem;white-space:nowrap;border-radius:50px;background:rgba(255,255,255,.25);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.5);box-shadow:0 4px 16px rgba(0,206,209,.1);transition:all .4s cubic-bezier(.68, -.55, .265, 1.55);display:inline-block}.nav a:hover{background:rgba(0,206,209,.4);border-color:rgba(255,255,255,.8);color:var(--color-white);box-shadow:0 10px 30px rgba(0,206,209,.3);transform:translateY(-3px) scale(1.1)}.nav a:active{box-shadow:var(--neu-shadow-inset)}.hamburger{display:none;flex-direction:column;gap:6px;cursor:pointer;padding:12px;background:rgba(255,255,255,.3);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.5);border-radius:15px;box-shadow:var(--glass-shadow);transition:all .3s ease}.hamburger:hover{background:rgba(0,206,209,.3);border-color:rgba(255,255,255,.8)}.hamburger span{width:30px;height:3px;background:var(--color-primary);border-radius:3px;transition:all .3s}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:7rem 2rem 3rem;overflow:hidden}.hero-background{position:absolute;top:50%;right:-100px;width:600px;height:600px;background:var(--glass-bg);backdrop-filter:blur(40px) saturate(250%);-webkit-backdrop-filter:blur(40px) saturate(250%);border:4px solid var(--glass-border);border-radius:50%;box-shadow:0 30px 90px rgba(0,206,209,.25),inset 0 0 100px rgba(255,255,255,.1);z-index:1;transform:translateY(-50%);animation:float-sphere 6s ease-in-out infinite}@keyframes float-sphere{0%,100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(-30px)}}.hero-image{position:absolute;top:15%;right:10%;width:450px;height:450px;background-image:url('../images/hero/hero-01.jpg');background-size:cover;background-position:center;border-radius:50%;border:5px solid rgba(255,255,255,.7);box-shadow:0 30px 80px rgba(0,0,0,.2),inset 0 0 50px rgba(255,255,255,.2);z-index:2;filter:brightness(1.05) saturate(1.3) contrast(1.1);animation:orbit 8s linear infinite}@keyframes orbit{0%{transform:rotate(0) translateX(20px) rotate(0)}100%{transform:rotate(360deg) translateX(20px) rotate(-360deg)}}.hero-content{position:relative;z-index:3;max-width:650px;padding:4rem;background:rgba(255,255,255,.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:50% 30% 50% 30%;border:3px solid rgba(255,255,255,.5);box-shadow:var(--glass-shadow);transform:rotate(-2deg);margin-right:auto;margin-left:5%;animation:hero-sway 8s ease-in-out infinite}@keyframes hero-sway{0%,100%{transform:rotate(-2deg) translateY(0)}25%{transform:rotate(-1deg) translateY(-5px)}50%{transform:rotate(-2.5deg) translateY(0)}75%{transform:rotate(-1.5deg) translateY(-3px)}}.hero h1{font-size:4.5rem;font-weight:900;margin-bottom:1.5rem;color:var(--color-primary);line-height:1.1;text-shadow:0 0 10px #fff,0 0 20px rgba(255,255,255,.9),2px 2px 4px rgba(255,255,255,.8),-2px -2px 4px rgba(255,255,255,.8),2px -2px 4px rgba(255,255,255,.8),-2px 2px 4px rgba(255,255,255,.8)}.hero .subtitle{font-size:1.8rem;margin-bottom:3rem;color:var(--color-text);font-weight:600;text-shadow:0 0 8px #fff,0 0 15px rgba(255,255,255,.9),1px 1px 3px rgba(255,255,255,.8),-1px -1px 3px rgba(255,255,255,.8),1px -1px 3px rgba(255,255,255,.8),-1px 1px 3px rgba(255,255,255,.8)}.hero-btn{display:inline-block;padding:1.3rem 3.5rem;background:var(--color-primary);border:2px solid var(--color-primary);color:var(--color-white);font-size:1.2rem;font-weight:800;border-radius:25px;box-shadow:var(--glass-shadow);transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 2px 4px rgba(0,0,0,.2)}.hero-btn:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--glass-shadow-hover);transform:translateY(-3px) scale(1.05)}.hero-btn:active{background:var(--color-primary-dark);transform:translateY(-1px) scale(1.02)}.section{padding:4rem 2rem;position:relative;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.section-container{max-width:1200px;margin:0 auto;box-sizing:border-box}.section-title{font-size:3.5rem;font-weight:900;margin-bottom:1.5rem;color:var(--color-primary);text-align:center;text-shadow:3px 3px 6px rgba(0,206,209,.2),-2px -2px 4px rgba(255,255,255,.8)}.section-diagonal{background:linear-gradient(135deg,#fff 0,#f1f8e9 100%);margin:-2rem 0;padding:6rem 2rem;overflow:hidden}.services-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem;position:relative;z-index:1;padding:1rem 0;max-width:100%;box-sizing:border-box}.service-card{position:relative;width:350px;height:350px;background:var(--glass-bg);backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);border:3px solid var(--glass-border);border-radius:50%;overflow:visible;transition:all .5s cubic-bezier(.68, -.55, .265, 1.55);box-shadow:var(--glass-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.service-card:first-child{transform:translate(-20px,30px);animation:gentle-breeze-1 6s ease-in-out infinite}.service-card:nth-child(2){transform:translate(15px,-25px) scale(1.1);animation:gentle-breeze-2 7s ease-in-out infinite}.service-card:nth-child(3){transform:translate(-30px,10px);animation:gentle-breeze-3 5.5s ease-in-out infinite}.service-card:nth-child(4){transform:translate(25px,-15px) scale(.95);animation:gentle-breeze-4 6.5s ease-in-out infinite}.service-card:nth-child(5){transform:translate(-10px,35px);animation:gentle-breeze-5 7.5s ease-in-out infinite}.service-card:nth-child(6){transform:translate(20px,-30px) scale(1.05);animation:gentle-breeze-6 6s ease-in-out infinite}@keyframes gentle-breeze-1{0%,100%{transform:translate(-20px,30px) rotate(0)}25%{transform:translate(-15px,28px) rotate(1deg)}50%{transform:translate(-25px,32px) rotate(-1deg)}75%{transform:translate(-18px,29px) rotate(.5deg)}}@keyframes gentle-breeze-2{0%,100%{transform:translate(15px,-25px) scale(1.1) rotate(0)}25%{transform:translate(18px,-23px) scale(1.1) rotate(-1deg)}50%{transform:translate(12px,-27px) scale(1.1) rotate(1deg)}75%{transform:translate(16px,-24px) scale(1.1) rotate(-.5deg)}}@keyframes gentle-breeze-3{0%,100%{transform:translate(-30px,10px) rotate(0)}30%{transform:translate(-27px,12px) rotate(1.5deg)}60%{transform:translate(-33px,8px) rotate(-1deg)}90%{transform:translate(-29px,11px) rotate(.5deg)}}@keyframes gentle-breeze-4{0%,100%{transform:translate(25px,-15px) scale(.95) rotate(0)}20%{transform:translate(28px,-13px) scale(.95) rotate(-1.5deg)}60%{transform:translate(22px,-17px) scale(.95) rotate(1deg)}80%{transform:translate(26px,-14px) scale(.95) rotate(-.5deg)}}@keyframes gentle-breeze-5{0%,100%{transform:translate(-10px,35px) rotate(0)}35%{transform:translate(-7px,37px) rotate(1deg)}65%{transform:translate(-13px,33px) rotate(-1.5deg)}85%{transform:translate(-9px,36px) rotate(.5deg)}}@keyframes gentle-breeze-6{0%,100%{transform:translate(20px,-30px) scale(1.05) rotate(0)}40%{transform:translate(23px,-28px) scale(1.05) rotate(-1deg)}70%{transform:translate(17px,-32px) scale(1.05) rotate(1.5deg)}90%{transform:translate(21px,-29px) scale(1.05) rotate(-.5deg)}}.service-card:hover{background:var(--glass-bg-strong);transform:translate(0,-20px) scale(1.15) rotate(5deg)!important;box-shadow:var(--glass-shadow-hover);border-color:rgba(0,206,209,.8);z-index:10}.service-image{width:180px;height:180px;object-fit:cover;border-radius:50%;margin-bottom:1.5rem;border:3px solid rgba(255,255,255,.6);filter:brightness(1.05) saturate(1.2);box-shadow:0 10px 30px rgba(0,0,0,.15)}.service-content{text-align:center;position:relative}.service-title{font-size:1.4rem;font-weight:800;color:var(--color-secondary);margin-bottom:.8rem;line-height:1.3}.service-description{color:var(--color-text-light);line-height:1.6;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.service-icon{position:absolute;top:-50px;right:-20px;width:90px;height:90px;background:rgba(0,206,209,.5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:3px solid rgba(255,255,255,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 15px 40px rgba(0,206,209,.3);z-index:10;animation:float-icon 3s ease-in-out infinite}@keyframes float-icon{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(10deg)}}#about .section-title{color:var(--color-white);text-shadow:0 2px 8px rgba(0,0,0,.2)}.about-section{display:flex;gap:4rem;align-items:center;position:relative;padding:2rem 0}.about-image{position:relative;flex:0 0 400px}.about-image img{width:400px;height:400px;object-fit:cover;border-radius:50%;border:5px solid rgba(255,255,255,.7);box-shadow:0 30px 80px rgba(0,206,209,.25),inset 0 0 60px rgba(255,255,255,.15);filter:brightness(1.05) saturate(1.2);animation:about-pulse 4s ease-in-out infinite;transition:all .5s ease}.about-image img:hover{transform:scale(1.08);box-shadow:0 40px 100px rgba(0,206,209,.35),inset 0 0 80px rgba(255,255,255,.25);filter:brightness(1.1) saturate(1.3)}@keyframes about-pulse{0%,100%{transform:scale(1);box-shadow:0 30px 80px rgba(0,206,209,.25),inset 0 0 60px rgba(255,255,255,.15)}50%{transform:scale(1.03);box-shadow:0 35px 90px rgba(0,206,209,.3),inset 0 0 70px rgba(255,255,255,.2)}}.about-content{flex:1;padding:3.5rem;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:3px solid var(--glass-border);border-radius:30px;box-shadow:var(--glass-shadow);transform:rotate(1deg);animation:content-sway 9s ease-in-out infinite}@keyframes content-sway{0%,100%{transform:rotate(1deg) translateX(0)}30%{transform:rotate(0) translateX(-5px)}60%{transform:rotate(1.5deg) translateX(5px)}90%{transform:rotate(.5deg) translateX(-3px)}}.about-content h3{font-size:1.8rem;color:var(--color-white);margin-bottom:1.5rem;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.3)}.about-content p{color:var(--color-text);line-height:1.9;margin-bottom:1.5rem;font-size:1.05rem}.news-list{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.news-item{background:rgba(255,255,255,.95);border:3px solid var(--glass-border);padding:2.5rem 3rem;border-radius:15px;box-shadow:var(--glass-shadow);transition:all .5s cubic-bezier(.68, -.55, .265, 1.55);position:relative;overflow:hidden}.news-item:nth-child(odd){margin-left:50px;transform:rotate(1deg);animation:news-sway-odd 7s ease-in-out infinite}.news-item:nth-child(2n){margin-right:50px;transform:rotate(-1deg);animation:news-sway-even 6.5s ease-in-out infinite}@keyframes news-sway-odd{0%,100%{transform:rotate(1deg) translateX(0)}25%{transform:rotate(.5deg) translateX(-8px)}50%{transform:rotate(1.5deg) translateX(0)}75%{transform:rotate(0) translateX(-5px)}}@keyframes news-sway-even{0%,100%{transform:rotate(-1deg) translateX(0)}30%{transform:rotate(-.5deg) translateX(8px)}60%{transform:rotate(-1.5deg) translateX(0)}85%{transform:rotate(0deg) translateX(5px)}}.news-item::before{content:'';position:absolute;width:100px;height:100px;background:radial-gradient(circle,rgba(0,206,209,.3),transparent);border-radius:50%;top:-30px;right:-30px;z-index:-1}.news-item:hover{background:#fff;transform:scale(1.05) rotate(0);box-shadow:var(--glass-shadow-hover);border-color:rgba(0,206,209,.7)}.news-date{color:var(--color-primary);font-weight:700;margin-bottom:.8rem;font-size:1rem}.news-title{font-size:1.5rem;font-weight:800;color:var(--color-secondary);margin-bottom:.8rem}.news-content{color:var(--color-text-light);line-height:1.8}.news-item-link{text-decoration:none;color:inherit;display:block}.news-read-more{display:inline-block;margin-top:1rem;color:var(--color-primary);font-weight:700;transition:all .3s ease}.news-item-link:hover .news-read-more{transform:translateX(5px)}.news-detail-container{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:3rem}.breadcrumb{margin-bottom:2rem;color:var(--color-text);font-size:.9rem;background:rgba(255,255,255,.85);padding:.8rem 1.2rem;border-radius:10px;border:1px solid var(--glass-border)}.breadcrumb a{color:var(--color-primary);text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:var(--color-primary-dark)}.news-detail{background:rgba(255,255,255,.95);border:3px solid var(--glass-border);padding:3rem;border-radius:20px;box-shadow:var(--glass-shadow)}.news-detail-header{border-bottom:2px solid rgba(0,206,209,.2);padding-bottom:1.5rem;margin-bottom:2rem}.news-detail-title{font-size:2.5rem;font-weight:900;color:var(--color-secondary);line-height:1.4}.news-detail-image{margin:2rem 0;border-radius:15px;overflow:hidden;box-shadow:0 8px 24px rgba(0,206,209,.15)}.news-detail-image img{width:100%;height:auto;display:block}.news-detail-content{color:var(--color-text);line-height:1.9;font-size:1.1rem;margin-bottom:3rem}.news-detail-content img{max-width:100%;height:auto;border-radius:10px;margin:1.5rem 0;box-shadow:0 4px 16px rgba(0,206,209,.1)}.news-detail-content h2{font-size:2rem;margin-top:2rem;margin-bottom:1rem;color:var(--color-primary)}.news-detail-content h3{font-size:1.6rem;margin-top:1.5rem;margin-bottom:.8rem;color:var(--color-primary)}.news-detail-content ol,.news-detail-content ul{margin:1rem 0;padding-left:2rem}.news-detail-content li{margin-bottom:.5rem}.news-detail-footer{border-top:2px solid rgba(0,206,209,.2);padding-top:2rem;text-align:center}.news-sidebar{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:3px solid var(--glass-border);padding:2rem;border-radius:20px;box-shadow:var(--glass-shadow)}.news-sidebar h3{font-size:1.5rem;color:var(--color-primary);margin-bottom:1.5rem;font-weight:800}.sidebar-news-list{display:flex;flex-direction:column;gap:1.5rem}.sidebar-news-item{text-decoration:none;color:inherit;padding:1rem;background:rgba(255,255,255,.3);border-radius:10px;border:2px solid rgba(255,255,255,.4);transition:all .3s ease}.sidebar-news-item:hover{background:rgba(0,206,209,.2);border-color:rgba(0,206,209,.5);transform:translateX(5px)}.sidebar-news-date{font-size:.85rem;color:var(--color-primary);font-weight:600;margin-bottom:.5rem}.sidebar-news-title{font-size:1rem;font-weight:700;color:var(--color-secondary)}#contact .section-title,#news .section-title{color:var(--color-white);text-shadow:0 2px 8px rgba(0,0,0,.2)}#contact .hero-btn{margin-top:1rem}.footer{background:var(--glass-bg-strong);backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);border-top:2px solid var(--glass-border);color:var(--color-text);padding:2rem 2rem 1.5rem;margin-top:3rem;border-radius:50px 50px 0 0;box-shadow:0 -8px 32px rgba(0,206,209,.2)}.footer-container{max-width:1200px;margin:0 auto;text-align:center}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.footer-links a{color:var(--color-text);font-weight:600;padding:.6rem 1.5rem;border-radius:15px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 12px rgba(0,206,209,.1);transition:all .3s}.footer-links a:hover{background:rgba(0,206,209,.25);border-color:rgba(255,255,255,.6);box-shadow:0 6px 16px rgba(0,206,209,.2);color:var(--color-white);transform:translateY(-2px)}.copyright{opacity:.7;font-size:.95rem;padding-top:1.5rem;border-top:1px solid rgba(0,206,209,.2)}.footer-address{font-size:.8rem;margin-top:.3rem;opacity:.8}.scroll-top-btn{position:fixed;bottom:40px;right:40px;width:60px;height:60px;border-radius:50%;background:var(--color-bg);color:var(--color-primary);border:none;font-size:24px;font-weight:700;cursor:pointer;display:none;z-index:999;box-shadow:var(--neu-shadow);transition:all .3s ease}.scroll-top-btn:hover{box-shadow:var(--neu-shadow-hover);transform:translateY(-5px)}.scroll-top-btn:active{box-shadow:var(--neu-shadow-inset)}@media (max-width:1024px){.about-section{flex-direction:column;gap:3rem;padding:3rem 2rem}.about-image{flex:0 0 auto}.about-image img{width:350px;height:350px}.hero h1{font-size:3.5rem}.hero-image{width:50%}}.learning-grid{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.learning-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.header{width:90vw;max-width:90vw;top:10px;left:50%!important;transform:translateX(-50%)!important;margin:0!important;box-sizing:border-box}.header-container{width:100%;padding:.8rem 1.5rem;box-sizing:border-box}.logo{margin:-.8rem 0 -.8rem -1.5rem}.section{padding:5rem 1rem;max-width:100vw;overflow-x:hidden}.hero{padding:6rem 1.5rem 3rem}.hero h1{font-size:2.8rem}.hero .subtitle{font-size:1.4rem}.hero-image{width:90%;height:50%;top:auto;bottom:5%;right:5%;opacity:.3}.nav ul{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border:3px solid var(--glass-border);padding:1.5rem;border-radius:0 0 30px 30px;box-shadow:var(--glass-shadow);margin-top:10px}.nav ul.active{display:flex}.hamburger{display:flex}.section-title{font-size:2.5rem}.section-diagonal{margin:0;padding:5rem 1rem}#services .services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1.5rem;padding:.5rem}.services-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2rem;padding:1rem 0}#services .service-card{width:auto;height:auto;padding:0;border-radius:12px;overflow:hidden;cursor:pointer}.service-card:nth-child(n){transform:none;animation:none}.service-card:hover{transform:none!important}#services .service-card .service-image{display:block;width:100%;height:100px;border-radius:0;margin-bottom:0;border:none;box-shadow:none}#services .service-card .service-description{display:none}#services .service-card .service-icon{display:none}#services .service-card .service-content{padding:.5rem}#services .service-card h3{font-size:.8rem;margin-bottom:0;line-height:1.3}.service-card p{font-size:.8rem}.news-item{padding:1.5rem}.news-item:nth-child(2n),.news-item:nth-child(odd){margin-left:0;margin-right:0;animation:none}.about-section{flex-direction:column;padding:2rem 1rem;gap:2rem}.about-image{flex:0 0 auto}.about-image img{width:250px;height:250px}.about-content{padding:2rem;border-radius:20px;transform:none;animation:none}.about-content h3{font-size:1.6rem}.about-content p{font-size:.95rem}.hero-background{width:300px;height:300px}#learning .services-grid{display:grid;grid-template-columns:repeat(2,1fr)}#learning .service-card{width:auto;height:auto;border-radius:12px;padding:0}}@media (max-width:480px){.header{width:90vw;max-width:90vw;top:5px;left:50%!important;transform:translateX(-50%)!important;margin:0!important;box-sizing:border-box}.header-container{width:100%;padding:.6rem 1rem;box-sizing:border-box}.logo{margin:-.6rem 0 -.6rem -1rem}.logo-img{padding:4px 10px}.hamburger{padding:10px}.hamburger span{width:25px;height:2.5px}.hero h1{font-size:2.2rem}.hero{padding:6rem 0 3rem}.hero-content{width:100%;max-width:100%;margin-left:0;margin-right:0;padding:2rem 1.5rem;border-radius:0;transform:none;animation:none;box-sizing:border-box;background:0 0;border:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.section{padding:4rem .5rem;max-width:100vw;overflow-x:hidden}.hero-btn{padding:1rem 2.5rem;font-size:1rem}.section-diagonal{margin:0;padding:4rem .5rem}#services .service-card .service-image{height:80px}#services .service-card h3{font-size:.7rem}.about-section{padding:1.5rem .5rem;gap:1rem}.about-image img{width:180px;height:180px}.about-content{padding:1.2rem;border-radius:16px}.about-content h3{font-size:1.4rem}.about-content p{font-size:.9rem}.section-title{font-size:1.8rem}.hero-background{width:200px;height:200px}#learning .services-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}#learning .service-card{width:auto;height:auto}}.service-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;justify-content:center;align-items:center;padding:1.5rem}.service-modal-overlay.active{display:flex}.service-modal{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(224,247,248,.95));border-radius:20px;border:2px solid var(--glass-border);box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:400px;width:100%;max-height:80vh;overflow-y:auto;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{from{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.service-modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.5rem 1rem}.service-modal-icon{width:60px;height:60px;background:rgba(0,206,209,.5);border:2px solid rgba(255,255,255,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}.service-modal-title{font-size:1.3rem;font-weight:800;color:var(--color-secondary);line-height:1.3}.service-modal-image{width:100%;height:200px;object-fit:cover;border-top:1px solid rgba(0,206,209,.2);border-bottom:1px solid rgba(0,206,209,.2)}.service-modal-body{padding:1.2rem 1.5rem 1.5rem;color:var(--color-text-light);font-size:1rem;line-height:1.8}.service-modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border:none;background:rgba(0,0,0,.1);border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:background .2s}.service-modal-close:hover{background:rgba(0,0,0,.2)}.fade-in{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .6s ease-out}@keyframes slideInLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.float{animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}