*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #2563eb;--color-primary-dark: #1e40af;--color-text: #1f2937;--color-text-light: #6b7280;--color-bg: #ffffff;--color-bg-alt: #f9fafb;--color-border: #e5e7eb;--color-accent: #3b82f6;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2.5rem;--spacing-xl: 4rem;--max-width: 1100px;--border-radius: 4px}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}header{background-color:var(--color-bg);padding:var(--spacing-lg) 0 var(--spacing-md) 0;animation:slideDown .5s ease-out}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.logo{max-width:280px;height:auto;display:block}main{padding:var(--spacing-lg) 0}.hero{text-align:center;padding:0 0 var(--spacing-xl) 0;margin-bottom:var(--spacing-lg);animation:fadeInUp .7s ease-out .2s both}@keyframes fadeInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.hero .intro-main{font-size:clamp(1.25rem,3vw,1.5rem);line-height:1.6;color:var(--color-text);margin-bottom:var(--spacing-md);max-width:900px;margin-left:auto;margin-right:auto;font-weight:500}.hero .intro{font-size:1.0625rem;line-height:1.7;color:var(--color-text-light);margin-bottom:var(--spacing-sm);max-width:800px;margin-left:auto;margin-right:auto}.hero .intro:last-child{margin-bottom:0}.content{margin-top:var(--spacing-lg)}.content h2{font-size:1.5rem;color:var(--color-text);margin-bottom:var(--spacing-lg);font-weight:600;text-align:center}.quotes{display:flex;flex-direction:column;gap:var(--spacing-lg)}.quote-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;margin:0;position:relative;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out,box-shadow .3s ease;overflow:hidden;display:flex;flex-direction:row;box-shadow:0 2px 8px #0000000d}.quote-card:hover{box-shadow:0 8px 24px #0000001f}.quote-card.visible{opacity:1;transform:translateY(0)}.quote-visual{width:120px;min-width:120px;position:relative;overflow:hidden}[data-pattern=gradient-1] .quote-visual{background:linear-gradient(135deg,#667eea,#764ba2)}[data-pattern=gradient-2] .quote-visual{background:radial-gradient(circle at 30% 50%,#f093fb,#f5576c)}[data-pattern=gradient-3] .quote-visual{background:linear-gradient(45deg,#4facfe,#00f2fe)}[data-pattern=gradient-4] .quote-visual{background:conic-gradient(from 180deg at 50% 50%,#a8edea,#fed6e3,#a8edea 360deg)}[data-pattern=gradient-5] .quote-visual{background:linear-gradient(135deg,#fa709a,#fee140);position:relative}[data-pattern=gradient-5] .quote-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}[data-pattern=gradient-6] .quote-visual{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;animation:gradientFlow 6s ease infinite}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.quote-content{padding:var(--spacing-md) var(--spacing-lg);flex:1}.quote-card p{font-size:1.0625rem;color:var(--color-text);font-style:italic;margin-bottom:var(--spacing-md);line-height:1.8}.quote-card footer{margin-top:var(--spacing-sm)}.quote-card cite{font-size:.875rem;color:var(--color-text-light);font-style:normal;line-height:1.6}.email-wrapper{display:inline-flex;align-items:center;gap:.5rem}.email-link{color:var(--color-primary);text-decoration:none;border-bottom:1px solid var(--color-primary);transition:all .2s ease;cursor:pointer}.email-link:hover{color:var(--color-primary-dark);border-bottom-color:var(--color-primary-dark)}.copy-btn{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:4px;padding:.25rem .5rem;font-size:1rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px}.copy-btn:hover{background:var(--color-primary);border-color:var(--color-primary);transform:scale(1.05)}.copy-btn:active{transform:scale(.95)}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}.site-footer{background-color:var(--color-bg-alt);border-top:1px solid var(--color-border);margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0}.site-footer p{text-align:center;color:var(--color-text-light);font-size:.875rem}.site-footer .separator{margin:0 var(--spacing-xs);opacity:.5}@media(max-width:768px){:root{--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 2.5rem}.logo{max-width:250px}.hero{padding:var(--spacing-md)}.quote-card{flex-direction:column}.quote-visual{width:100%;height:80px}.quote-content{padding:var(--spacing-md)}}@media(max-width:480px){:root{--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}.container{padding:0 var(--spacing-sm)}.logo{max-width:200px}.hero{padding:var(--spacing-md) var(--spacing-sm)}.quote-visual{height:60px}.quote-content{padding:var(--spacing-sm)}.quote-card p{font-size:.9rem}.quote-card cite{font-size:.8rem}}@media print{header,.site-footer{background:none;border:none}.hero{background:none;page-break-inside:avoid}blockquote{page-break-inside:avoid}}