:root{--primary: hsl(191, 75%, 26%);--primary-light: hsl(191, 75%, 45%);--secondary: hsl(35, 90%, 55%);--accent: hsl(160, 60%, 45%);--bg-dark: hsl(210, 20%, 5%);--bg-card: hsla(210, 20%, 15%, .7);--text-main: hsl(0, 0%, 95%);--text-muted: hsl(0, 0%, 75%);--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-main: "Outfit", sans-serif;--font-serif: "Playfair Display", serif;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.175, .885, .32, 1.275);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden;font-size:16px}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:700;line-height:1.1}a{text-decoration:none;color:inherit;transition:all .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.glass{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1rem}nav{position:fixed;top:0;left:0;width:100%;padding:1.5rem 0;z-index:1000;transition:all .4s var(--ease-smooth)}nav.scrolled{background:#050a0ff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1rem 0;border-bottom:1px solid var(--glass-border);box-shadow:0 10px 30px #00000080}nav .container{display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.logo{display:flex;align-items:center;gap:1.5rem;text-decoration:none;perspective:1000px;animation:fadeInDown .8s ease forwards}.logo-icon{width:55px;height:55px;background:#ffffff08;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:900;font-size:1.6rem;color:#fff;position:relative;overflow:hidden;box-shadow:0 0 20px #00ff7f1a,inset 0 0 15px #ffffff0d;transition:all .5s var(--ease-bounce)}.logo-icon:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,transparent,var(--secondary),transparent,var(--accent),transparent);background-size:400% 400%;z-index:-1;animation:logoFlow 4s ease infinite;opacity:.5}.logo-icon:after{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);animation:logoPulse 2s ease-in-out infinite}@keyframes logoFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes logoPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:.6;transform:scale(1.1)}}.logo-text{font-family:var(--font-main);font-size:1.8rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff;position:relative}.logo-text span{display:block;font-size:.7rem;letter-spacing:6px;color:var(--secondary);font-weight:400;margin-top:-4px}.logo:hover .logo-icon{transform:rotateY(15deg) rotateX(10deg) scale(1.1);border-color:var(--secondary);box-shadow:0 0 30px #00ff7f66,inset 0 0 20px #ffffff1a}.logo:hover .logo-text{text-shadow:0 0 20px rgba(255,255,255,.5)}.nav-links{display:flex;gap:2.5rem;list-style:none;animation:fadeInDown .8s .2s ease forwards;opacity:0}.nav-links li{position:relative}.nav-links a{position:relative;font-weight:500;transition:color .3s ease}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--secondary);transition:width .3s var(--ease-smooth)}.nav-links a:hover{color:var(--secondary)}.nav-links a:hover:after{width:100%}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-toggle{display:none;z-index:999;animation:slideInDown .6s ease forwards}.nav-links.active{display:flex}.hero{height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background-size:cover;background-position:center;margin-top:80px}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#000c,#0003);animation:heroGradient 15s ease infinite}.hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,165,0,.1) 0%,transparent 100%);animation:heroGlow 8s ease-in-out infinite}@keyframes heroGradient{0%,to{background:linear-gradient(45deg,#000c,#0003)}50%{background:linear-gradient(225deg,#000000b3,#0000004d)}}@keyframes heroGlow{0%,to{opacity:.5}50%{opacity:1}}.hero-content{position:relative;z-index:10;max-width:700px;animation:fadeInUp 1s .3s ease forwards;opacity:0}.hero h1{font-size:5rem;line-height:1.1;margin-bottom:1.5rem;animation:slideUp 1s ease forwards;text-shadow:0 10px 30px rgba(0,0,0,.5)}.hero p{font-size:1.2rem;color:var(--text-muted);margin-bottom:2.5rem;animation:slideUp 1s .2s ease forwards;opacity:0}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-block;padding:1rem 2.5rem;background:var(--secondary);color:var(--bg-dark);font-weight:600;border-radius:3rem;transition:all .3s var(--ease-bounce);border:2px solid transparent;cursor:pointer;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;font-size:.95rem}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left .3s ease}.btn:hover{transform:translateY(-5px) scale(1.08);box-shadow:0 15px 40px #ffa50066}.btn:hover:before{left:100%}.btn:active{transform:translateY(-2px) scale(1.05)}section{padding:8rem 0;position:relative}.section-title{font-size:3rem;text-align:center;margin-bottom:4rem;animation:fadeInUp 1s ease forwards;position:relative;display:inline-block;width:100%}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(to right,var(--secondary),var(--accent));border-radius:2px;animation:expandWidth .8s .3s ease forwards;max-width:0}@keyframes expandWidth{to{max-width:60px}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;animation:fadeInUp 1s .4s ease forwards;opacity:0}.card{padding:2rem;transition:all .4s var(--ease-smooth);overflow:hidden;position:relative;border-radius:1rem;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);animation:scaleIn .6s var(--ease-bounce) forwards;opacity:0}.card:nth-child(1){animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:nth-child(4){animation-delay:.4s}.card:nth-child(5){animation-delay:.5s}.card:nth-child(6){animation-delay:.6s}@keyframes scaleIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease;z-index:1}.card:hover:before{left:100%}.card:hover{transform:translateY(-15px) scale(1.02);border-color:var(--secondary);background:#ffffff14;box-shadow:0 20px 50px #0000004d,0 0 40px #ffa5001a}.card img{width:100%;height:200px;object-fit:cover;border-radius:.8rem;margin-bottom:1.5rem;transition:all .6s ease}.card:hover img{transform:scale(1.08) rotate(2deg);filter:brightness(1.1)}.about-section{padding:8rem 0;background:var(--bg-card);border-bottom:1px solid var(--glass-border);position:relative;overflow:hidden}.about-section:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:150%;background:radial-gradient(circle,rgba(255,165,0,.05) 0%,transparent 70%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:6rem;align-items:center;position:relative;z-index:1}.about-image-wrap{position:relative;border-radius:2rem;overflow:hidden;box-shadow:0 30px 80px #00000080;animation:slideInLeft 1s ease forwards}.about-image-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(0,0,0,.3) 100%);z-index:2;pointer-events:none}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.about-image-wrap img{width:100%;display:block;transition:all .8s ease}.about-image-wrap:hover img{transform:scale(1.08) rotate(-2deg)}.about-content{animation:slideInRight 1s .2s ease forwards;opacity:0}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.about-content h2{font-family:var(--font-serif);font-size:3.5rem;margin-bottom:2rem;line-height:1.1;background:linear-gradient(135deg,#fff,var(--secondary),#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about-content p{font-size:1.1rem;line-height:1.9;color:var(--text-muted);margin-bottom:2rem}.signature{font-family:var(--font-serif);font-style:italic;font-size:1.8rem;color:var(--secondary)}footer{padding:6rem 0 3rem;background:#050a0ff2;border-top:1px solid var(--glass-border);position:relative;overflow:hidden}footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--secondary),var(--accent),transparent);opacity:.5}footer .grid{margin-bottom:3rem}footer h3{color:var(--secondary);margin-bottom:1.5rem;animation:fadeInUp .8s ease forwards}footer p,footer a{color:var(--text-muted);transition:all .3s ease;animation:fadeInUp .8s .1s ease forwards;opacity:0}footer a:hover{color:var(--secondary);transform:translate(5px)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--glass-border);color:var(--text-muted);font-size:.9rem;animation:fadeInUp 1s .2s ease forwards;opacity:0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .4s ease forwards;opacity:0}.modal-overlay.show{opacity:1;pointer-events:auto}.modal-content{width:90%;max-width:500px;padding:3rem;position:relative;animation:popIn .5s var(--ease-bounce) forwards;opacity:0;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:1.5rem;box-shadow:0 20px 60px #000c;max-height:90vh;overflow-y:auto}@keyframes popIn{0%{opacity:0;transform:scale(.5) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;transition:all .3s ease}.modal-close:hover{color:var(--secondary);transform:rotate(90deg) scale(1.2)}.chat-btn{position:fixed;bottom:2rem;right:2rem;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--secondary),var(--primary));color:#fff;border:2px solid rgba(255,255,255,.1);box-shadow:0 15px 45px #00ff7f4d,0 0 30px #ffa50066;display:flex;align-items:center;justify-content:center;font-size:2.2rem;cursor:pointer;z-index:9999;transition:all .5s var(--ease-bounce);animation:slideInUp .8s ease forwards}.chat-btn:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid var(--secondary);opacity:.5;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.4);opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.chat-btn:hover{transform:scale(1.15) translateY(-5px);box-shadow:0 20px 60px #00ff7f80,0 0 40px #ffa50099}.chat-btn:active{transform:scale(.95)}.chat-window{position:fixed;bottom:6rem;right:2rem;width:420px;height:650px;max-height:85vh;background:#0a0f19f2;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:2rem;box-shadow:0 25px 80px #000c;display:flex;flex-direction:column;z-index:9998;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(30px) scale(.8);transition:all .6s var(--ease-bounce)}.chat-window.active{opacity:1;pointer-events:all;transform:translateY(0) scale(1)}.chat-header{padding:2rem;background:linear-gradient(to bottom,rgba(255,255,255,.05),transparent);border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.chat-header h3{font-family:var(--font-main);letter-spacing:1px;text-transform:uppercase;font-size:1rem;color:var(--secondary);display:flex;align-items:center;gap:.8rem}.status-dot{width:12px;height:12px;background:#0f8;border-radius:50%;box-shadow:0 0 15px #0f8;animation:blink 2s infinite}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.5}}.chat-messages{flex:1;padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}.chat-msg{max-width:80%;padding:1.2rem 1.5rem;border-radius:1.5rem;font-size:.95rem;line-height:1.6;position:relative;animation:chatSlideIn .5s var(--ease-bounce) forwards;opacity:0}@keyframes chatSlideIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.msg-bot{align-self:flex-start;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-bottom-left-radius:.3rem;color:var(--text-main)}.msg-user{align-self:flex-end;background:linear-gradient(135deg,var(--primary-light),var(--primary));border-bottom-right-radius:.3rem;color:#fff;box-shadow:0 10px 25px #0000004d}.chat-input-area{padding:1.5rem;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;gap:.8rem;align-items:center;border-top:1px solid rgba(255,255,255,.05)}.chat-input-area input{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:1.2rem 1.5rem;border-radius:3rem;color:#fff;font-family:inherit;font-size:.95rem;transition:all .3s ease}.chat-input-area input::placeholder{color:#fff6}.chat-input-area input:focus{background:#ffffff14;border-color:var(--secondary);outline:none;box-shadow:0 0 15px #ffa50033}#btn-send-chat{width:55px;height:55px;border-radius:50%;background:var(--secondary);color:#000;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:all .3s var(--ease-bounce)}#btn-send-chat:hover{transform:scale(1.15) rotate(-15deg);box-shadow:0 0 25px var(--secondary)}#btn-send-chat:active{transform:scale(.95)}.loading-dots{display:flex;gap:5px;padding:1rem;justify-content:center}.loading-dots span{width:10px;height:10px;background:var(--secondary);border-radius:50%;animation:dotBounce 1.4s infinite ease-in-out}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes dotBounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.feedback-box{background:#12121299;backdrop-filter:blur(50px) saturate(180%);-webkit-backdrop-filter:blur(50px) saturate(180%);border:1px solid rgba(255,255,255,.1);padding:4.5rem;border-radius:2rem;max-width:750px;margin:4rem auto;box-shadow:0 40px 100px #000c,inset 0 0 40px #ffffff05;position:relative;overflow:hidden;animation:fadeInUp 1s ease forwards}.feedback-box:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,165,0,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rating-widget{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:2px;margin:3.5rem 0}.star-label svg{width:50px;height:50px;fill:#ffffff14;stroke:#ffffff1a;stroke-width:1;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.star-label:hover svg,.star-input:checked~.star-label svg{fill:gold!important;stroke:orange!important;filter:drop-shadow(0 0 12px rgba(255,215,0,.5));transform:scale(1.2) rotate(-15deg)}.breadcrumb{display:flex;align-items:center;gap:.8rem;padding:1.5rem 0;margin:2rem 0;flex-wrap:wrap;animation:slideUp .6s ease forwards}.breadcrumb a,.breadcrumb span{font-size:.95rem;transition:all .3s ease}.breadcrumb a{color:var(--secondary);position:relative}.breadcrumb a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--secondary);transition:width .3s ease}.breadcrumb a:hover{color:var(--accent)}.breadcrumb a:hover:after{width:100%}.breadcrumb span{color:var(--text-muted)}.breadcrumb-separator{color:var(--text-muted);opacity:.5}@media(max-width:768px){.container{padding:0 1.5rem}.hero{height:80vh;margin-top:60px}.hero h1{font-size:2.5rem}.hero p{font-size:1rem}.nav-links{display:none;position:absolute;top:60px;left:0;right:0;flex-direction:column;background:#050a0ffa;padding:2rem;gap:1.5rem;border-bottom:1px solid var(--glass-border);z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .4s ease forwards}.section-title{font-size:2.2rem}section{padding:4rem 0}.grid{grid-template-columns:1fr;gap:2rem}.about-grid{grid-template-columns:1fr;gap:3rem;text-align:center}.about-content h2{font-size:2.2rem}.about-image-wrap{max-width:100%}.chat-window{width:100%;height:100vh;bottom:0;right:0;border-radius:0;max-height:100vh}.chat-btn{bottom:1.5rem;right:1.5rem;width:60px;height:60px;font-size:2rem}.modal-content{padding:2rem}.feedback-box{padding:2rem;margin:2rem 1rem}}@media(max-width:480px){:root{font-size:14px}.container{padding:0 1rem}nav{padding:1rem 0}nav .container{padding:0 1rem}.logo{gap:1rem}.logo-icon{width:45px;height:45px;font-size:1.2rem}.logo-text{font-size:1.2rem}.hero{height:70vh;margin-top:50px}.hero h1{font-size:1.8rem;margin-bottom:1rem}.hero p{font-size:.95rem;margin-bottom:1.5rem}.btn{padding:.8rem 1.8rem;font-size:.85rem}section{padding:2.5rem 0}.section-title{font-size:1.8rem;margin-bottom:2rem}.card{padding:1.5rem}.card img{height:150px;margin-bottom:1rem}.about-content h2{font-size:1.8rem;margin-bottom:1.5rem}.about-content p{font-size:1rem}.chat-btn{bottom:1rem;right:1rem;width:50px;height:50px;font-size:1.5rem}footer{padding:3rem 0 1.5rem}.footer-bottom{font-size:.8rem}}@media(min-width:1200px){.container{padding:0 4rem}.grid{gap:3rem}.section-title{font-size:3.5rem}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){body{color-scheme:dark}}@media print{nav,.chat-btn,.chat-window,.modal-overlay{display:none!important}body{background:#fff;color:#000}section{page-break-inside:avoid}}
