body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{background:linear-gradient(135deg,#e3f2fd,#bbdefb 50%,#90caf9);font-family:Kanit,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;text-align:center}.App-header{background:#fff;border-bottom:3px solid #e3f2fd;color:#1565c0;padding:1.5rem 0;position:relative}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-content,.logo-section{align-items:center;display:flex}.logo-section{flex:1 1;gap:1.5rem}.logo-container{flex-shrink:0}.text-container{text-align:left}.header-social{flex-shrink:0}.phicha-logo{align-items:center;display:flex;justify-content:center}.logo-image{filter:drop-shadow(0 4px 12px rgba(25,118,210,.2));height:auto;max-height:80px;max-width:250px;transition:transform .3s ease;width:auto}.logo-image:hover{transform:scale(1.05)}.App-header h1{color:#1565c0;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #1565c01a}.App-header>p{color:#1976d2;font-size:1.1rem;font-weight:500;opacity:.8}.main-navigation{background:#1565c0;box-shadow:0 2px 8px #1565c04d;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{margin:0 auto;max-width:1200px;position:relative}.nav-list{align-items:center;list-style:none;margin:0;padding:0}.desktop-nav,.nav-list{display:flex}.nav-item{position:relative}.nav-link{color:#fff;display:block;font-size:.9rem;font-weight:500;padding:1rem 1.2rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link:hover{background:#ffffff1a;color:#e3f2fd}.dropdown-arrow{font-size:.7rem;margin-left:.5rem;transition:transform .3s ease}.has-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{background:#fff;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #00000026;left:0;min-width:200px;opacity:1;overflow:hidden;position:absolute;top:100%;transform:translateY(0);transition:all .3s ease;visibility:visible;z-index:200}.dropdown-item{list-style:none}.dropdown-link{border-bottom:1px solid #f0f0f0;color:#1565c0;display:block;font-size:.9rem;padding:.8rem 1.2rem;text-decoration:none;transition:background .3s ease}.dropdown-link:hover{background:#e3f2fd}.dropdown-item:last-child .dropdown-link{border-bottom:none}.search-item{margin-left:auto}.search-container{align-items:center;display:flex;gap:10px;position:relative}.search-form{animation:slideIn .3s ease}.search-input{background:#ffffffe6;border:2px solid #ffffff4d;border-radius:20px;color:#1565c0;font-family:Kanit,sans-serif;font-size:.9rem;min-width:200px;outline:none;padding:.5rem 1rem;transition:all .3s ease}.search-input:focus{background:#fff;border-color:#42a5f5;box-shadow:0 2px 8px #42a5f54d}.search-input::placeholder{color:#666}.search-button{align-items:center;background:#fff3;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;justify-content:center;margin-right:1rem;padding:.8rem 1rem;transition:all .3s ease}.search-button:hover{background:#ffffff4d;transform:scale(1.05)}.search-button svg{transition:all .3s ease}.mobile-search-container{display:flex;flex-direction:column;gap:10px;width:100%}.mobile-search-form{padding:0 1rem;width:100%}.mobile-search-input{background:#ffffffe6;border:2px solid #ffffff4d;border-radius:25px;box-sizing:border-box;color:#1565c0;font-family:Kanit,sans-serif;font-size:1rem;outline:none;padding:.8rem 1rem;transition:all .3s ease;width:100%}.mobile-search-input:focus{background:#fff;border-color:#42a5f5;box-shadow:0 2px 8px #42a5f54d}.mobile-search-input::placeholder{color:#666}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.mobile-nav{background:#1565c0;box-shadow:0 4px 12px #1565c04d;display:none;flex-direction:column;left:0;max-height:0;overflow:hidden;position:absolute;right:0;top:100%;transition:max-height .3s ease}.mobile-nav.open{display:flex;max-height:500px}.mobile-nav .nav-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;width:100%}.mobile-nav .nav-link{flex:1 1;padding:1rem 1.5rem}.mobile-dropdown-toggle{background:none;border:none;color:#fff;cursor:pointer;padding:1rem}.mobile-dropdown{background:#ffffff1a;display:block;left:0;list-style:none;margin:0;padding:0;position:absolute;top:100%;width:100%}.mobile-dropdown li{border-bottom:1px solid #ffffff0d}.mobile-dropdown .dropdown-link{color:#e3f2fd;font-size:.85rem;padding:.8rem 2rem}.mobile-menu-button{background:none;border:none;cursor:pointer;display:none;padding:1rem}.hamburger{display:flex;flex-direction:column;height:18px;position:relative;width:24px}.hamburger span{background:#fff;border-radius:2px;height:2px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger span:first-child,.hamburger span:nth-child(2){margin-bottom:6px}.hamburger.open span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-search{border-radius:25px;justify-content:center;margin:1rem;width:calc(100% - 2rem)}@media (max-width:1024px){.nav-link{font-size:.85rem;padding:1rem .8rem}}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-button{display:block;margin-left:auto}.main-navigation{position:relative}}.coming-soon-page{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb 50%,#90caf9);display:flex;justify-content:center;min-height:80vh;overflow:hidden;position:relative}.coming-soon-page:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='20' cy='20' r='2' fill='%23FFF' opacity='.05'/%3E%3Ccircle cx='80' cy='40' r='1.5' fill='%23FFF' opacity='.05'/%3E%3Ccircle cx='40' cy='80' r='1' fill='%23FFF' opacity='.05'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.coming-soon-container{max-width:600px;padding:0 2rem;position:relative;text-align:center;z-index:1}.coming-soon-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 60px #1976d226;padding:4rem 3rem}.coming-soon-icon{animation:bounce 2s infinite;font-size:4rem;margin-bottom:1.5rem}.coming-soon-content h1{color:#1565c0;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.coming-soon-content .description{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.coming-soon-message{margin:2rem 0}.coming-soon-message h2{color:#1976d2;font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.coming-soon-message p{color:#999;font-size:1.2rem;font-style:italic}.loading-animation{display:flex;gap:8px;justify-content:center;margin-top:2rem}.dot{animation:pulse 1.4s ease-in-out infinite both;background:#42a5f5;border-radius:50%;height:12px;width:12px}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width:768px){.coming-soon-content{padding:3rem 2rem}.coming-soon-content h1{font-size:2rem}.coming-soon-message h2{font-size:1.5rem}.coming-soon-icon{font-size:3rem}}.services-section{background:#fafafa;padding:4rem 2rem}.container{margin:0 auto;max-width:1200px}.services-section h2{color:#1565c0;font-size:2.2rem;font-weight:600;margin-bottom:3rem}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.service-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;overflow:hidden;padding:2rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.service-card:before{background:linear-gradient(90deg,#1976d2,#42a5f5);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .3s ease}.service-card.active:before,.service-card:hover:before{transform:translateX(0)}.service-card.active,.service-card:hover{border-color:#bbdefb;box-shadow:0 12px 24px #1976d226;transform:translateY(-8px)}.service-icon{display:block;font-size:3rem;margin-bottom:1rem}.service-card h3{color:#1565c0;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.service-card p{color:#666;font-size:.95rem;line-height:1.6}.contact-section{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;padding:4rem 2rem}.contact-info{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.contact-item{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;gap:1rem;padding:2rem}.contact-icon{background:#fff3;border-radius:8px;flex-shrink:0;font-size:2rem;padding:12px}.contact-item h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.contact-item p{line-height:1.5;opacity:.9}.header-social .social-media-container{margin:0;text-align:right}.header-social .social-media-container h3{display:none}.header-social .social-buttons{display:flex;flex-wrap:nowrap;gap:.8rem;justify-content:flex-end}.header-social .social-button{height:40px;width:40px}.header-social .social-button svg{height:18px;width:18px}.social-media-container{margin-top:3rem;text-align:center}.social-media-container h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.social-buttons{flex-wrap:wrap;gap:1rem}.social-button,.social-buttons{display:flex;justify-content:center}.social-button{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;height:50px;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:50px}.social-button:before{background:#ffffff1a;border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scale(0);transition:transform .3s ease}.social-button:hover:before{transform:scale(1)}.social-button:hover{box-shadow:0 8px 20px #0003;transform:translateY(-3px)}.social-button svg{position:relative;z-index:1}.social-button.facebook{background:#1877f2;color:#fff}.social-button.twitter{background:#000;color:#fff}.social-button.instagram{background:linear-gradient(45deg,#f56040,#e1306c,#833ab4);color:#fff}.social-button.youtube{background:red;color:#fff}.social-button.line{background:#00c300;color:#fff}@media (max-width:1024px){.header-content{padding:0 1rem}.logo-section{gap:1rem}.header-social .social-buttons{gap:.6rem}.header-social .social-button{height:35px;width:35px}.header-social .social-button svg{height:16px;width:16px}}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.logo-section{justify-content:center}.text-container{text-align:center}.header-social .social-buttons{justify-content:center}.logo-image{max-height:70px;max-width:200px}.social-buttons{gap:.8rem}.social-button{height:45px;width:45px}.social-button svg{height:20px;width:20px}}.App-footer{background:#0d47a1;color:#fff;font-size:.9rem;opacity:.8;padding:2rem}@media (max-width:768px){.App-header h1{font-size:2rem}.services-grid{gap:1.5rem}.contact-info,.services-grid{grid-template-columns:1fr}.contact-item{flex-direction:column;text-align:center}}.elevation-1{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.elevation-2{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.elevation-3{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}
/*# sourceMappingURL=main.15a000be.css.map*/