:root{--navbar-height: 70px;--primary-dark: #1a365d;--primary: #2d3748;--primary-light: #4a5568;--accent: #3182ce;--accent-light: #4299e1;--success: #38a169;--warning: #d69e2e;--danger: #e53e3e;--white: #ffffff;--gray-50: #f7fafc;--gray-100: #edf2f7;--gray-200: #e2e8f0;--gray-300: #cbd5e0;--gray-400: #a0aec0;--gray-500: #718096;--gray-600: #4a5568;--gray-700: #2d3748;--gray-800: #1a202c;--gray-900: #171923;--bg-gradient: linear-gradient(135deg, var(--gray-50) 0%, var(--gray-100) 100%);--hero-gradient: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);--card-gradient: linear-gradient(135deg, var(--white) 0%, var(--gray-50) 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--space-xs: .25rem;--space-sm: .5rem;--space: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--gray-800);background:var(--bg-gradient);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--gray-800);margin-bottom:var(--space)}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.025em}h2{font-size:2rem;letter-spacing:-.02em}h3{font-size:1.5rem;letter-spacing:-.015em}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--space);color:var(--gray-700)}a{color:var(--accent);text-decoration:none;transition:color .2s ease;font-weight:500}a:hover{color:var(--accent-light)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.container-fluid{width:100%;padding:0 var(--space-md)}.card{background:var(--card-gradient);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:var(--space-lg);border:1px solid var(--gray-200);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius);font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;font-size:.875rem;line-height:1.25}.btn-primary{background:var(--accent);color:var(--white)}.btn-primary:hover{background:var(--accent-light);transform:translateY(-1px)}.btn-outline{background:transparent;border:2px solid var(--accent);color:var(--accent)}.btn-outline:hover{background:var(--accent);color:var(--white)}.btn-secondary{background:var(--gray-200);color:var(--gray-600);border:2px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-300);border-color:var(--gray-400);color:var(--gray-700)}.form-group{margin-bottom:var(--space)}.form-label{display:block;margin-bottom:var(--space-xs);font-weight:500;color:var(--gray-700)}.form-input{width:100%;padding:var(--space-sm) var(--space);border:2px solid var(--gray-300);border-radius:var(--radius);font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3182ce1a}.fade-in{opacity:1;transform:translateY(0)}.fade-in.animate{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.animate.visible,.slide-up{opacity:1;transform:translateY(0)}.slide-up.animate{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.slide-up.animate.visible{opacity:1;transform:translateY(0)}.ripple{position:absolute;border-radius:50%;background-color:#fff6;transform:scale(0);animation:ripple-animation .6s linear;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.shake{animation:shake-animation .6s ease-in-out}@keyframes shake-animation{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-15px)}70%{transform:translateY(-7px)}90%{transform:translateY(-3px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.text-gradient{background:linear-gradient(45deg,var(--accent),var(--accent-light),var(--accent));background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease infinite}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px #3182ce4d}.stagger-item{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.stagger-item.visible{opacity:1;transform:translateY(0)}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s ease}.fade-in{animation:fadeIn .6s ease-out}.slide-up{animation:slideUp .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.container{max-width:1000px}}@media (max-width: 1024px){.container{max-width:900px}:root{--space-xl: 2.5rem;--space-2xl: 3rem}}@media (max-width: 640px){:root{--space: .875rem;--space-md: .875rem;--space-lg: 1.25rem;--space-xl: 1.5rem;--space-2xl: 2rem}h1{font-size:1.875rem}h2{font-size:1.625rem}h3{font-size:1.25rem}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.navbar,.footer,.btn,.hero-links,.contact-social{display:none!important}a{text-decoration:underline}.card{border:1px solid #000!important;box-shadow:none!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--gray-200: #000000;--gray-300: #000000;--gray-400: #000000;--gray-500: #000000;--gray-600: #000000;--gray-700: #000000;--gray-800: #000000;--gray-900: #000000}.card{border:2px solid #000}}img{max-width:100%;height:auto}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:var(--space);background:var(--accent);color:var(--white);padding:var(--space-sm) var(--space);text-decoration:none;border-radius:var(--radius);z-index:10000;transition:top .3s ease}.skip-link:focus{top:var(--space)}.loading{opacity:.7;pointer-events:none}.loading:after{content:"";display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-left:var(--space-sm)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){:root{--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.375rem}.container{padding:0 var(--space)}}@media (max-width: 480px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.card{padding:var(--space)}}.about-bg{min-height:100vh;width:100%;background:var(--bg-gradient);position:relative;z-index:0}.about-container{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:var(--space-lg) var(--space-md) var(--space-xl) var(--space-md);display:flex;flex-direction:column;gap:var(--space-lg)}