:root{--primary-color:#fff;--secondary-color:#1a1a1a;--accent-color:#000;--text-dark:#1a1a1a;--text-light:#fff;--bg-light:#f9f9f9;--bg-gradient:linear-gradient(135deg,#fff 0%,#f4f4f4 100%);--transition:all .3s cubic-bezier(.4,0,.2,1);--font-main:"Playfair Display",serif}*,:before,:after{font-family:Playfair Display,serif}.about-container{background:#fff;width:100%;overflow:hidden}.hero-section{background:#fff;justify-content:center;align-items:center;min-height:100vh;padding:80px 40px;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 80%,#00000008 0%,#0000 50%),radial-gradient(circle at 80% 20%,#00000008 0%,#0000 50%);position:absolute;inset:0}.hero-content-wrapper{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:100px;width:100%;max-width:1400px;display:grid;position:relative}@media (max-width:1024px){.hero-content-wrapper{grid-template-columns:1fr;gap:60px;padding:0 20px}.hero-section{min-height:auto;padding:60px 20px}}.hero-left{z-index:2;flex-direction:column;gap:30px;display:flex}.company-header{align-items:center;gap:20px;display:flex}.company-name{color:var(--text-dark);letter-spacing:-2px;margin:0;font-family:Playfair Display,serif;font-size:4rem;font-weight:800;line-height:1.1}.accent-line{background:#1a1a1a;border-radius:2px;height:4px;display:inline-block}.company-tagline{color:#555;letter-spacing:.5px;margin:10px 0 0;font-family:Playfair Display,serif;font-size:1.5rem;font-style:italic;font-weight:600}.company-description{color:#444;max-width:500px;margin:20px 0 0;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:400;line-height:1.8}.contact-info{flex-direction:column;gap:20px;margin:20px 0;display:flex}.contact-item{transition:var(--transition);cursor:pointer;background:#f9f9f9;border-left:4px solid #1a1a1a;border-radius:12px;align-items:flex-start;gap:20px;padding:20px;display:flex}.contact-item:hover{background:#f0f0f0;box-shadow:0 10px 30px #00000014}.contact-icon{color:#1a1a1a;flex-shrink:0;width:24px;height:24px;margin-top:2px}.contact-item h4{color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-family:Playfair Display,serif;font-size:.9rem;font-weight:700}.contact-item p{color:#555;margin:0;font-family:Playfair Display,serif;font-size:1rem;font-weight:500}.cta-button{color:#fff;cursor:pointer;transition:var(--transition);background:#1a1a1a;border:2px solid #1a1a1a;border-radius:50px;align-items:center;gap:12px;width:fit-content;padding:18px 36px;font-family:Playfair Display,serif;font-size:1rem;font-weight:600;display:inline-flex;box-shadow:0 10px 30px #00000026}.cta-button:hover{color:#1a1a1a;background:#fff;transform:translateY(-2px);box-shadow:0 20px 50px #0003}.cta-button:active{transform:translateY(0)}.button-icon{width:20px;height:20px;transition:transform .3s}.cta-button:hover .button-icon{transform:translate(4px)}.hero-right{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.image-circle-container{justify-content:center;align-items:center;width:450px;height:450px;display:flex;position:relative}@media (max-width:768px){.image-circle-container{width:350px;height:350px}}.circle-image-wrapper{z-index:3;border-radius:50%;width:400px;height:400px;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000026,0 0 0 2px #0000001a}@media (max-width:768px){.circle-image-wrapper{width:300px;height:300px}}.circle-image{object-fit:cover;object-position:center;width:100%;height:100%}.animated-circle{z-index:1;border:2px solid #00000014;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-1{width:500px;height:500px}.circle-2{width:600px;height:600px}@media (max-width:768px){.circle-1{width:380px;height:380px}.circle-2{width:450px;height:450px}}.floating-element{color:#fff;z-index:2;background:#1a1a1a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;box-shadow:0 10px 30px #0003}.element-1{top:10%;right:5%}.element-2{bottom:15%;left:5%}.element-3{top:50%;right:-10%}.values-section{background:#f9f9f9;padding:120px 40px;position:relative;overflow:hidden}.values-section:before{content:"";z-index:0;background:radial-gradient(circle,#00000008 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-10%}.section-header{text-align:center;z-index:1;margin-bottom:80px;position:relative}.section-header h2{color:#1a1a1a;margin:0 0 15px;font-family:Playfair Display,serif;font-size:3rem;font-weight:800}.section-header p{color:#888;margin:0;font-family:Playfair Display,serif;font-size:1.2rem;font-style:italic;font-weight:500}.values-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1200px;margin:0 auto;display:grid;position:relative}.value-card{text-align:center;transition:var(--transition);background:#fff;border:2px solid #0000000f;border-radius:16px;padding:40px 30px;position:relative;overflow:hidden}.value-card:before{content:"";transform-origin:0;background:#1a1a1a;height:4px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.value-card:hover:before{transform:scaleX(1)}.value-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #0000001a}.value-icon{color:#fff;width:70px;height:70px;transition:var(--transition);background:#1a1a1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.value-card:hover .value-icon{background:#333}.value-card h3{color:#1a1a1a;margin:0 0 15px;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}.value-card p{color:#666;margin:0;font-family:Playfair Display,serif;font-size:1rem;line-height:1.6}.stats-section{background:#1a1a1a;padding:120px 40px;position:relative;overflow:hidden}.stats-background{z-index:0;background:radial-gradient(circle at 30% 70%,#ffffff0a 0%,#0000 50%),radial-gradient(circle at 70% 30%,#ffffff0a 0%,#0000 50%);position:absolute;inset:0}.stats-section .section-header h2{color:#fff}.stats-section .section-header p{color:#ffffff80}.stats-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:1000px;margin:0 auto;display:grid;position:relative}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;transition:var(--transition);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;padding:50px 30px;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.stat-card:hover:before{left:100%}.stat-card:hover{background:#ffffff1a;border-color:#fff3}.stat-number{color:#fff;margin:0 0 15px;font-family:Playfair Display,serif;font-size:3.5rem;font-weight:800}.stat-label{color:#fff9;text-transform:uppercase;letter-spacing:1px;font-family:Playfair Display,serif;font-size:1rem;font-weight:600}.team-section{background:#fff;padding:120px 40px;position:relative;overflow:hidden}.team-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:50px;max-width:1200px;margin:0 auto;display:grid;position:relative}.team-card{text-align:center;cursor:pointer}.team-image-wrapper{aspect-ratio:1;border-radius:16px;margin-bottom:25px;position:relative;overflow:hidden}.team-image{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.team-image-wrapper:hover .team-image{transform:scale(1.1)}.image-overlay{color:#fff;opacity:0;background:#1a1a1ad9;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.team-image-wrapper:hover .image-overlay{opacity:1}.team-card h3{color:#1a1a1a;margin:0 0 8px;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700}.team-card p{color:#555;text-transform:uppercase;letter-spacing:.5px;margin:0;font-family:Playfair Display,serif;font-size:.95rem;font-weight:600}.timeline-section{background:#f9f9f9;padding:120px 40px;position:relative;overflow:hidden}.timeline{max-width:900px;margin:0 auto;padding:40px 0;position:relative}.timeline:before{content:"";background:linear-gradient(#1a1a1a,#555,#1a1a1a);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}@media (max-width:768px){.timeline:before{left:30px}}.timeline-item{grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:50px;display:grid;position:relative}.timeline-item:nth-child(2n){direction:rtl}.timeline-item:nth-child(2n)>div{direction:ltr}@media (max-width:768px){.timeline-item{grid-template-columns:auto 1fr;gap:30px}.timeline-item:nth-child(2n){direction:ltr}}.timeline-dot{width:20px;height:20px;transition:var(--transition);cursor:pointer;z-index:2;background:#1a1a1a;border:4px solid #fff;border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 0 4px #0000001a}@media (max-width:768px){.timeline-dot{left:30px}}.timeline-dot:hover{box-shadow:0 0 0 8px #00000026}.timeline-content{transition:var(--transition);background:#fff;border-left:4px solid #1a1a1a;border-radius:12px;padding:30px;box-shadow:0 10px 30px #0000000f}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 20px 50px #0000001a}.timeline-content h4{color:#555;margin:0 0 8px;font-family:Playfair Display,serif;font-size:1.2rem;font-style:italic;font-weight:700}.timeline-content h5{color:#1a1a1a;margin:0 0 10px;font-family:Playfair Display,serif;font-size:1.4rem;font-weight:800}.timeline-content p{color:#666;margin:0;font-family:Playfair Display,serif;font-size:.95rem;line-height:1.6}.cta-section{text-align:center;color:#fff;background:#1a1a1a;padding:150px 40px;position:relative;overflow:hidden}.cta-bg-element{z-index:0;opacity:.06;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-bg-element.element-1{border:2px solid #fff;width:600px;height:600px}.cta-bg-element.element-2{border:2px solid #fff;width:800px;height:800px}.cta-content{z-index:1;max-width:700px;margin:0 auto;position:relative}.cta-section h2{color:#fff;margin:0 0 20px;font-family:Playfair Display,serif;font-size:3rem;font-weight:800}.cta-section p{color:#ffffffb3;margin:0 0 40px;font-family:Playfair Display,serif;font-size:1.2rem;line-height:1.8}.cta-button-large{color:#1a1a1a;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:1px;background:#fff;border:2px solid #fff;border-radius:50px;align-items:center;gap:12px;padding:20px 50px;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;display:inline-flex;box-shadow:0 20px 50px #ffffff1a}.cta-button-large:hover{color:#fff;background:0 0;transform:translateY(-4px);box-shadow:0 30px 70px #ffffff26}.cta-button-large:active{transform:translateY(-2px)}@media (max-width:768px){.hero-section{min-height:auto;padding:60px 20px}.hero-section:before{opacity:.5}.company-name{font-size:2.5rem}.company-tagline{font-size:1.2rem}.company-description{font-size:.95rem}.section-header h2{font-size:2rem}.values-section,.stats-section,.team-section,.timeline-section,.cta-section{padding:80px 20px}.cta-section h2{font-size:2rem}.cta-section p{font-size:1rem}.stat-number{font-size:2.5rem}.floating-element{width:40px;height:40px}.animated-circle{display:none}}@media (max-width:480px){.hero-section{padding:40px 15px}.hero-content-wrapper{gap:40px}.company-name{font-size:1.8rem}.company-tagline{font-size:1rem}.section-header h2{font-size:1.5rem}.values-grid,.stats-grid,.team-grid{gap:20px}.value-card,.stat-card{padding:30px 20px}.contact-item{padding:15px}.contact-item h4{font-size:.8rem}.contact-item p{font-size:.9rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%{box-shadow:0 0 10px #00000026}50%{box-shadow:0 0 20px #0000004d}to{box-shadow:0 0 10px #00000026}}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}html{scroll-behavior:smooth}button:focus,a:focus{outline-offset:2px;outline:2px solid #1a1a1a}@media print{.hero-section,.values-section,.stats-section,.team-section,.timeline-section,.cta-section{page-break-inside:avoid}}
