*{margin:0;padding:0;box-sizing:border-box}

body{
font-family:'Georgia','Times New Roman',serif;
background:linear-gradient(135deg,#f4f1eb 0%,#e8ddd4 50%,#ddd0c0 100%);
color:#3e2723;
line-height:1.75;
overflow-x:hidden;
}

/* ambient background */
.living-room-bg, .ambient-lights{
position:fixed;
inset:0;
pointer-events:none;
z-index:-1;
}

.furniture-icon{
position:absolute;
font-size:3rem;
color:rgba(139,69,19,.08);
animation:furnitureFloat 26s linear infinite;
}
.furniture-icon:nth-child(1){top:10%;left:-150px}
.furniture-icon:nth-child(2){top:35%;left:-150px;animation-delay:7s}
.furniture-icon:nth-child(3){top:60%;left:-150px;animation-delay:14s}
.furniture-icon:nth-child(4){top:80%;left:-150px;animation-delay:21s}

@keyframes furnitureFloat{
0%{transform:translateX(0);opacity:0}
10%{opacity:.3}
90%{opacity:.3}
100%{transform:translateX(calc(100vw + 300px));opacity:0}
}

.light-orb{
position:absolute;
width:220px;height:220px;border-radius:50%;
background:radial-gradient(circle,rgba(255,193,7,.12),transparent 70%);
animation:lightPulse 8s ease-in-out infinite;
}
.light-orb:nth-child(1){top:10%;right:10%}
.light-orb:nth-child(2){bottom:20%;left:15%;animation-delay:2s}
.light-orb:nth-child(3){top:60%;right:20%;animation-delay:4s}

@keyframes lightPulse{
0%,100%{opacity:.3;transform:scale(1)}
50%{opacity:.7;transform:scale(1.2)}
}

.container{max-width:1200px;margin:auto;padding:2rem;position:relative;z-index:1}

/* header */
.living-room-header{
background:linear-gradient(135deg,#8d6e63,#a1887f);
border-radius:25px;
overflow:hidden;
margin-bottom:4rem;
border:4px solid #d7ccc8;
box-shadow:0 20px 60px rgba(62,39,35,.2);
}

.entertainment-center{
background:linear-gradient(135deg,#efebe9,#d7ccc8);
padding:4rem 3rem;
text-align:center;
}

.main-title{
font-size:3.2rem;
background:linear-gradient(45deg,#8d6e63,#a1887f,#bcaaa4);
-webkit-background-clip:text;
color:transparent;
margin-bottom:1.5rem;
}

.subtitle{
font-size:1.3rem;
max-width:850px;
margin:auto;
font-style:italic;
color:#5d4037;
}

/* discussion blocks */
.discussion-areas{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(420px,1fr));
gap:3rem;
margin:4rem 0;
}

.discussion-area{
background:linear-gradient(135deg,#efebe9,#f5f5f5);
border-radius:20px;
border:3px solid #d7ccc8;
box-shadow:0 15px 40px rgba(62,39,35,.15);
overflow:hidden;
}

.area-header{
background:linear-gradient(90deg,#ff8a65,#ffab91);
padding:2rem;
font-weight:600;
display:flex;
align-items:center;
gap:1rem;
}

.area-icon{
width:40px;height:40px;border-radius:10px;
background:rgba(62,39,35,.2);
display:flex;align-items:center;justify-content:center;
font-size:1.4rem;
}

.area-content{padding:3rem}
.area-title{font-size:1.6rem;margin-bottom:1.2rem}
.area-text{color:#5d4037;font-size:1.05rem}

/* showcase */
.family-showcase{
background:linear-gradient(135deg,#8d6e63,#a1887f);
border-radius:25px;
padding:4rem 3rem;
margin:4rem 0;
color:#efebe9;
text-align:center;
}

/* cards */
.habits-analysis{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:2.5rem;
margin:4rem 0;
}

.habit-card{
background:linear-gradient(135deg,#f5f5f5,#efebe9);
border-radius:20px;
padding:3rem;
text-align:center;
border:3px solid #d7ccc8;
}

.habit-title{font-size:1.4rem;margin-bottom:.8rem}
.habit-desc{color:#5d4037}

/* conclusion */
.conclusion{
background:linear-gradient(135deg,#6d4c41,#8d6e63);
border-radius:25px;
padding:4rem 3rem;
margin:4rem 0;
color:#efebe9;
text-align:center;
}

.conclusion-title{font-size:2.5rem;margin-bottom:2rem}
.conclusion-text{font-size:1.3rem;max-width:1000px;margin:auto}

.footer{
text-align:center;
padding:3rem 2rem;
color:#8d6e63;
border-top:3px solid #d7ccc8;
}

@media(max-width:768px){
.main-title{font-size:2.4rem}
.discussion-areas,.habits-analysis{grid-template-columns:1fr}
.entertainment-center,.area-content,.family-showcase,.conclusion{padding:2rem 1.5rem}
}