/* Flower — Base Structural Styles (no colors — see light.css / dark.css) */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.7;overflow-x:hidden}
::selection{background:var(--primary);color:var(--white)}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}

a{color:var(--primary);text-decoration:none}
a:hover{opacity:0.85}
img{max-width:100%;height:auto;display:block}

.container{max-width:1100px;margin:0 auto;padding:0 20px}
.section{padding:80px 20px}
.section-alt{background:var(--section-bg)}
.section-title{text-align:center;margin-bottom:48px}
.section-title h2{font-size:28px;font-weight:700;color:var(--white);margin-bottom:8px}
.section-title h2 span{color:var(--primary)}
.section-title p{color:var(--text-light);font-size:15px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;border-radius:8px;cursor:pointer;border:none;transition:0.3s ease;font-family:inherit}
.btn-primary{background:var(--primary);color:var(--white)}
.btn-primary:hover{opacity:0.9;transform:scale(1.02)}
.btn-outline{background:transparent;border:2px solid var(--text);color:var(--text)}
.btn-outline:hover{background:var(--text);color:var(--bg)}