
   <style>
    /* --- SCOPED CSS: LIGHT CASE STUDY THEME --- */
    
    .CS_Light_Wrapper_X99 {
        width: 100%;
        background: #ffffff;
        color: #334155;
        line-height: 1.8;
        padding-bottom: 40px;
        box-sizing: border-box;
    }

    .CS_Light_Container_X99 {
        max-width: 900px;
        margin: 0 auto;
        padding: 0 20px;
    }

    /* 1. HEADER SECTION */
    .CS_Light_Header_X99 {
        padding: 60px 0 30px 0;
        text-align: center;
    }

    .CS_Tag_X99 {
        background: #ecfdf5;
        color: #059669;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2px;
        padding: 6px 14px;
        border-radius: 4px;
        display: inline-block;
        margin-bottom: 20px;
        border: 1px solid #d1fae5;
    }

    .CS_Main_Title_X99 {
        font-size: 44px;
        font-weight: 900;
        color: #0f172a;
        line-height: 1.2;
        margin-bottom: 10px;
        letter-spacing: -0.5px;
    }

    .CS_Sub_Title_X99 {
        font-size: 18px;
        color: #64748b;
        font-weight: 500;
    }

    /* 2. VIDEO BANNER (Macbook Style) */
    .CS_Video_Wrapper_X99 {
        position: relative;
        margin: 30px 0 50px 0;
        border-radius: 12px;
        box-shadow: 0 30px 60px -10px rgba(0, 0, 0, 0.15);
        background: #000;
        overflow: hidden;
        border: 8px solid #fff;
        outline: 1px solid #e2e8f0;
    }

    .CS_Video_Frame_X99 {
        width: 100%;
        aspect-ratio: 16/9;
        display: block;
        border: none;
    }

    /* 3. KEY STATS STRIP (The "Case Study" Feel) */
    .CS_Stats_Strip_X99 {
        display: flex;
        justify-content: space-between;
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        padding: 25px;
        margin-bottom: 50px;
    }

    .CS_Stat_Item_X99 {
        text-align: center;
        flex: 1;
        border-right: 1px solid #e2e8f0;
    }

    .CS_Stat_Item_X99:last-child { border-right: none; }

    .CS_Stat_Label_X99 {
        display: block;
        font-size: 12px;
        text-transform: uppercase;
        color: #94a3b8;
        font-weight: 700;
        letter-spacing: 1px;
        margin-bottom: 5px;
    }

    .CS_Stat_Value_X99 {
        font-size: 24px;
        font-weight: 800;
        color: #0f172a;
    }

    .CS_Green_Text_X99 { color: #16a34a; }

    /* 4. CONTENT STYLING */
    .CS_Content_Block_X99 p {
        font-size: 19px;
        margin-bottom: 25px;
        color: #475569;
    }

    /* Highlight Pen Effect */
    .CS_Highlight_X99 {
        background: linear-gradient(120deg, transparent 0%, transparent 6px, #fef08a 6px, #fef08a 90%, transparent 90%);
        padding: 0 4px;
        color: #0f172a;
        font-weight: 700;
    }

    .CS_Quote_Box_X99 {
        border-left: 4px solid #6366f1;
        padding-left: 25px;
        margin: 40px 0;
        font-style: italic;
        color: #334155;
        font-size: 20px;
        background: linear-gradient(90deg, #f5f3ff 0%, #ffffff 100%);
        padding: 20px;
        border-radius: 0 8px 8px 0;
    }

    /* 5. GROWTH WAVE ANIMATION (CSS Art) */
    .CS_Wave_Container_X99 {
        background: #f0f9ff;
        border: 1px solid #bae6fd;
        border-radius: 16px;
        padding: 40px 30px;
        margin: 50px 0;
        position: relative;
        overflow: hidden;
        text-align: center;
    }

    .CS_Wave_Title_X99 {
        font-size: 16px;
        font-weight: 800;
        color: #0369a1;
        margin-bottom: 20px;
        position: relative;
        z-index: 2;
    }

    .CS_Wave_Graph_X99 {
        display: flex;
        align-items: flex-end;
        justify-content: space-around;
        height: 150px;
        position: relative;
        z-index: 2;
    }

    .CS_Wave_Bar_X99 {
        width: 12%;
        background: linear-gradient(180deg, #38bdf8 0%, #0284c7 100%);
        border-radius: 50px 50px 0 0;
        position: relative;
        box-shadow: 0 10px 20px rgba(2, 132, 199, 0.3);
        animation: cs_grow_up 2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
        transform-origin: bottom;
        transform: scaleY(0);
    }

    .CS_WB_1 { animation-delay: 0.2s; height: 10%; background: #94a3b8; }
    .CS_WB_2 { animation-delay: 0.4s; height: 25%; background: #60a5fa; }
    .CS_WB_3 { animation-delay: 0.6s; height: 45%; background: #3b82f6; }
    .CS_WB_4 { animation-delay: 0.8s; height: 70%; background: #2563eb; }
    .CS_WB_5 { animation-delay: 1.0s; height: 100%; background: #16a34a; box-shadow: 0 0 20px rgba(22, 163, 74, 0.5); }

    .CS_Wave_Label_X99 {
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 14px;
        font-weight: 800;
        color: #0f172a;
        background: #fff;
        padding: 2px 8px;
        border-radius: 4px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        opacity: 0;
        animation: cs_fade_in 0.5s ease forwards 1.5s;
    }

    @keyframes cs_grow_up { to { transform: scaleY(1); } }
    @keyframes cs_fade_in { to { opacity: 1; } }

    /* RESPONSIVE */
    @media (max-width: 768px) {
        .CS_Main_Title_X99 { font-size: 32px; }
        .CS_Stats_Strip_X99 { flex-direction: column; gap: 20px; }
        .CS_Stat_Item_X99 { border-right: none; border-bottom: 1px solid #e2e8f0; padding-bottom: 15px; }
        .CS_Stat_Item_X99:last-child { border-bottom: none; padding-bottom: 0; }
    }

    /* --- SCOPED CSS: PREMIUM AUTHORITY PROFILE --- */
    
    .VS_Auth_Wrapper_P1 {
        width: 100%;
        background: #ffffff;
        color: #334155; /* Slate 700 */
        line-height: 1.8;
        padding: 40px 20px;
        box-sizing: border-box;
        position: relative;
    }

    .VS_Auth_Container_P1 {
        max-width: 1000px;
        margin: 0 auto;
    }

    /* --- TYPOGRAPHY & HIGHLIGHTS --- */
    .VS_Auth_Title_P1 {
        font-size: 42px;
        font-weight: 900;
        color: #0f172a; /* Slate 900 */
        letter-spacing: -1px;
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .VS_Auth_Sub_P1 {
        font-size: 18px;
        color: #64748b;
        font-weight: 500;
        margin-bottom: 40px;
        max-width: 800px;
    }

    /* Golden Text Highlight */
    .VS_Gold_Text_P1 {
        color: #b45309; /* Dark Amber */
        font-weight: 700;
        background: #fffbeb;
        padding: 0 6px;
        border-radius: 4px;
        border: 1px solid #fcd34d;
    }

    /* Bold Navy Highlight */
    .VS_Bold_Navy_P1 {
        color: #1e293b;
        font-weight: 800;
        text-decoration: underline;
        text-decoration-color: #cbd5e1;
        text-decoration-thickness: 3px;
    }

    /* --- 1. INTRO CARD (The Hook) --- */
    .VS_Intro_Card_P1 {
        border-left: 6px solid #0f172a;
        background: #f8fafc;
        padding: 40px;
        border-radius: 0 12px 12px 0;
        margin-bottom: 60px;
    }

    .VS_Intro_Text_P1 {
        font-size: 19px;
        color: #334155;
        margin-bottom: 20px;
    }

    /* --- 2. ARCHITECT GRID (System Layout) --- */
    .VS_Architect_Section_P1 {
        display: grid;
        grid-template-columns: 1fr 1.2fr;
        gap: 50px;
        margin-bottom: 80px;
        align-items: center;
    }

    .VS_Arch_Left_P1 h3 {
        font-size: 32px;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: 20px;
    }

    .VS_Core_List_P1 {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .VS_Core_Item_P1 {
        display: flex;
        align-items: flex-start;
        gap: 15px;
        margin-bottom: 18px;
        font-size: 17px;
        color: #475569;
        background: #fff;
        padding: 15px;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02);
        transition: transform 0.3s;
    }

    .VS_Core_Item_P1:hover {
        transform: translateX(10px);
        border-color: #cbd5e1;
    }

    .VS_Icon_Box_P1 {
        min-width: 30px;
        height: 30px;
        background: #0f172a;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        border-radius: 6px;
    }

    /* --- 3. EXPERIENCE STRIP (12 Years) --- */
    .VS_Exp_Strip_P1 {
        background: #0f172a;
        color: #fff;
        padding: 50px;
        border-radius: 20px;
        margin-bottom: 80px;
        position: relative;
        overflow: hidden;
    }

    /* Background pattern */
    .VS_Exp_Strip_P1::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        background-image: radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px);
        background-size: 20px 20px;
        opacity: 0.3;
    }

    .VS_Exp_Flex_P1 {
        display: flex;
        gap: 40px;
        position: relative;
        z-index: 2;
    }

    .VS_Big_Num_P1 {
        font-size: 80px;
        font-weight: 900;
        line-height: 1;
        color: #f59e0b; /* Gold */
    }

    .VS_Exp_Content_P1 h4 {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 15px;
        color: #fff;
    }

    .VS_Exp_Content_P1 ul {
        list-style: none;
        padding: 0;
    }

    .VS_Exp_Content_P1 li {
        margin-bottom: 10px;
        color: #cbd5e1;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .VS_Dot_P1 {
        width: 6px; height: 6px;
        background: #f59e0b;
        border-radius: 50%;
    }

    /* --- 4. NDA SECTION (Confidential Feel) --- */
    .VS_NDA_Box_P1 {
        border: 2px dashed #94a3b8;
        padding: 40px;
        border-radius: 16px;
        background: #f1f5f9;
        text-align: center;
        margin-bottom: 80px;
    }

    .VS_NDA_Badge_P1 {
        background: #0f172a;
        color: #fff;
        padding: 5px 15px;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 4px;
        display: inline-block;
        margin-bottom: 20px;
    }

    .VS_NDA_Grid_P1 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
        margin-top: 30px;
        text-align: left;
    }

    .VS_NDA_Item_P1 {
        background: #fff;
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    }

    /* --- 5. AUTHORITY & GOOGLE SECTION --- */
    .VS_Auth_Grid_P1 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 60px;
        margin-bottom: 60px;
    }

    .VS_Trust_Head_P1 {
        font-size: 26px;
        font-weight: 800;
        margin-bottom: 20px;
        color: #0f172a;
    }

    .VS_Quote_P1 {
        font-size: 20px;
        font-style: italic;
        color: #475569;
        border-left: 4px solid #f59e0b;
        padding-left: 20px;
        background: #ffffff;
    }

    .VS_Tag_Cloud_P1 {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 15px;
    }

    .VS_Tag_P1 {
        background: #e2e8f0;
        color: #334155;
        padding: 8px 16px;
        border-radius: 50px;
        font-size: 14px;
        font-weight: 600;
    }

    /* --- 6. FINAL FEEL (Footer) --- */
    .VS_Final_Feel_P1 {
        text-align: center;
        padding: 60px;
        background: #f8fafc;
        border-radius: 20px;
    }

    .VS_Final_List_P1 {
        display: flex;
        justify-content: center;
        gap: 30px;
        margin-top: 30px;
        flex-wrap: wrap;
    }

    .VS_Final_Item_P1 {
        font-size: 16px;
        font-weight: 700;
        color: #0f172a;
        border: 1px solid #cbd5e1;
        padding: 10px 20px;
        border-radius: 8px;
        background: #fff;
    }

    /* RESPONSIVE */
    @media (max-width: 800px) {
        .VS_Architect_Section_P1 { grid-template-columns: 1fr; }
        .VS_Exp_Flex_P1 { flex-direction: column; gap: 20px; }
        .VS_Auth_Grid_P1 { grid-template-columns: 1fr; gap: 40px; }
        .VS_Auth_Title_P1 { font-size: 32px; }
    }

    /* --- UNIQUE SCOPED CSS: OTOECOM ECOSYSTEM --- */
    
    .OTO_Eco_Wrapper_E1 {
        width: 100%;
        background: #ffffff;
        color: #334155; /* Slate 700 */
        line-height: 1.7;
        padding: 40px 20px;
        box-sizing: border-box;
    }

    .OTO_Eco_Container_E1 {
        max-width: 950px;
        margin: 0 auto;
    }

    /* --- TYPOGRAPHY --- */
    .OTO_Eco_Title_E1 {
        font-size: 38px;
        font-weight: 900;
        color: #0f172a;
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .OTO_Eco_Sub_E1 {
        font-size: 18px;
        color: #64748b;
        margin-bottom: 40px;
    }

    .OTO_Eco_Heading_E1 {
        font-size: 26px;
        font-weight: 800;
        color: #1e293b;
        margin-top: 50px;
        margin-bottom: 20px;
        position: relative;
        display: inline-block;
    }

    /* Decorative underline for headings */
    .OTO_Eco_Heading_E1::after {
        content: '';
        display: block;
        width: 40%;
        height: 4px;
        background: #0ea5e9; /* Sky Blue */
        margin-top: 5px;
        border-radius: 2px;
    }

    .OTO_Eco_Text_E1 {
        font-size: 17px;
        margin-bottom: 20px;
        color: #475569;
    }

    /* Highlighting Style */
    .OTO_Highlight_E1 {
        background: linear-gradient(120deg, transparent 0%, transparent 6px, #e0f2fe 6px, #e0f2fe 90%, transparent 90%);
        padding: 0 4px;
        color: #0369a1;
        font-weight: 700;
    }

    .OTO_Bold_E1 {
        font-weight: 700;
        color: #0f172a;
    }

    /* --- 1. CORE BELIEF BOX --- */
    .OTO_Belief_Box_E1 {
        background: #f0f9ff;
        border-left: 5px solid #0ea5e9;
        padding: 30px;
        border-radius: 0 12px 12px 0;
        margin: 30px 0;
    }

    .OTO_Belief_Text_E1 {
        font-size: 22px;
        font-weight: 700;
        color: #0c4a6e;
        font-style: italic;
        text-align: center;
    }

    /* --- 2. LIST STYLING (Cards) --- */
    .OTO_Grid_E1 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 20px;
        margin-top: 20px;
    }

    .OTO_Card_E1 {
        background: #fff;
        border: 1px solid #e2e8f0;
        padding: 20px;
        border-radius: 12px;
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
        transition: transform 0.2s;
    }

    .OTO_Card_E1:hover {
        transform: translateY(-5px);
        border-color: #cbd5e1;
        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);
    }

    .OTO_Icon_E1 {
        font-size: 24px;
        margin-bottom: 10px;
        display: block;
    }

    /* --- 3. INDIAN CONTEXT --- */
    .OTO_India_List_E1 {
        list-style: none;
        padding: 0;
    }

    .OTO_India_Item_E1 {
        background: #ffffff;
        border-bottom: 1px solid #f1f5f9;
        padding: 15px 10px;
        display: flex;
        align-items: center;
        gap: 15px;
        font-weight: 600;
        color: #334155;
    }

    .OTO_Flag_Dot_E1 {
        width: 10px; height: 10px;
        background: #f97316; /* Orange */
        border-radius: 50%;
    }

    /* --- 4. TRUST/AI SECTION --- */
    .OTO_Trust_Wrapper_E1 {
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 16px;
        padding: 40px;
        margin-top: 60px;
    }

    .OTO_Trust_Badge_E1 {
        background: #dbeafe;
        color: #1e40af;
        padding: 5px 12px;
        border-radius: 50px;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        display: inline-block;
        margin-bottom: 15px;
    }

    /* --- 5. CONCLUSION --- */
    .OTO_Conclusion_E1 {
        text-align: center;
        margin-top: 60px;
        padding: 40px;
        background: #0f172a;
        color: #fff;
        border-radius: 20px;
    }

    .OTO_Conc_Text_E1 {
        font-size: 24px;
        font-weight: 800;
        line-height: 1.4;
    }

    /* RESPONSIVE */
    @media (max-width: 768px) {
        .OTO_Eco_Title_E1 { font-size: 32px; }
        .OTO_Belief_Text_E1 { font-size: 18px; }
        .OTO_Conc_Text_E1 { font-size: 20px; }
    }


    /* --- SCOPED CSS: STUDENT BACKGROUND STORY --- */
    
    .SB_Wrapper_S1 {
        width: 100%;
        background: #ffffff;
        color: #334155; /* Slate 700 */
        line-height: 1.8;
        padding: 40px 20px;
        box-sizing: border-box;
        border-top: 1px solid #f1f5f9;
    }

    .SB_Container_S1 {
        max-width: 850px;
        margin: 0 auto;
    }

    /* --- TYPOGRAPHY --- */
    .SB_Badge_S1 {
        background: #f1f5f9;
        color: #64748b;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        padding: 6px 14px;
        border-radius: 4px;
        display: inline-block;
        margin-bottom: 20px;
        border: 1px solid #e2e8f0;
    }

    .SB_Title_S1 {
        font-size: 36px;
        font-weight: 900;
        color: #0f172a;
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .SB_Heading_S1 {
        font-size: 24px;
        font-weight: 800;
        color: #1e293b;
        margin-top: 50px;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .SB_Heading_Icon_S1 {
        width: 32px; height: 32px;
        background: #e0f2fe;
        color: #0284c7;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
    }

    .SB_Text_S1 {
        font-size: 18px;
        margin-bottom: 20px;
        color: #475569;
    }

    /* --- HIGHLIGHTS --- */
    .SB_Highlight_S1 {
        background: linear-gradient(120deg, transparent 0%, transparent 6px, #ffedd5 6px, #ffedd5 90%, transparent 90%);
        padding: 0 4px;
        color: #9a3412; /* Burnt Orange */
        font-weight: 700;
    }

    .SB_Bold_S1 {
        font-weight: 700;
        color: #0f172a;
    }

    /* --- 1. PROFILE CARD (The "Normal" Student) --- */
    .SB_Profile_Card_S1 {
        background: #f8fafc;
        border: 1px solid #cbd5e1;
        border-radius: 12px;
        padding: 30px;
        margin: 30px 0;
        display: flex;
        gap: 30px;
        align-items: center;
    }

    .SB_Avatar_S1 {
        width: 80px; height: 80px;
        background: #cbd5e1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        flex-shrink: 0;
    }

    .SB_Goals_List_S1 {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .SB_Goal_Item_S1 {
        font-size: 14px;
        background: #fff;
        padding: 8px 12px;
        border-radius: 6px;
        border: 1px solid #e2e8f0;
        font-weight: 600;
        color: #334155;
    }

    /* --- 2. SITUATION METRICS (Before OTO) --- */
    .SB_Metrics_Grid_S1 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
        margin: 30px 0;
    }

    .SB_Metric_Box_S1 {
        background: #fff;
        border: 1px solid #e2e8f0;
        padding: 20px;
        border-radius: 8px;
        text-align: center;
        box-shadow: 0 4px 10px rgba(0,0,0,0.03);
    }

    .SB_Metric_Label_S1 {
        font-size: 13px;
        text-transform: uppercase;
        color: #94a3b8;
        font-weight: 700;
        margin-bottom: 5px;
    }

    .SB_Metric_Value_S1 {
        font-size: 18px;
        font-weight: 800;
        color: #ef4444; /* Red for struggle */
    }

    /* --- 3. CONFUSION BOX --- */
    .SB_Confusion_Box_S1 {
        border-left: 4px solid #f59e0b;
        background: #fffbeb;
        padding: 20px;
        margin: 30px 0;
        border-radius: 0 8px 8px 0;
        font-style: italic;
        color: #92400e;
    }

    /* --- 4. FAILURE TIMELINE (Vertical) --- */
    .SB_Timeline_S1 {
        border-left: 2px solid #e2e8f0;
        margin-left: 20px;
        padding-left: 30px;
        margin-top: 30px;
    }

    .SB_Time_Point_S1 {
        position: relative;
        margin-bottom: 25px;
    }

    .SB_Time_Dot_S1 {
        width: 12px; height: 12px;
        background: #ef4444;
        border-radius: 50%;
        position: absolute;
        left: -37px;
        top: 6px;
        border: 2px solid #fff;
        box-shadow: 0 0 0 2px #ef4444;
    }

    .SB_Time_Head_S1 {
        font-weight: 700;
        color: #0f172a;
        margin-bottom: 5px;
    }

    /* --- 5. MINDSET SHIFT --- */
    .SB_Mindset_Card_S1 {
        background: #1e293b;
        color: #fff;
        padding: 40px;
        border-radius: 16px;
        margin-top: 50px;
        text-align: center;
    }

    .SB_Mindset_Title_S1 {
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 20px;
        color: #fff;
    }

    .SB_Mindset_Text_S1 {
        color: #cbd5e1;
        font-size: 18px;
        margin-bottom: 30px;
    }

    .SB_Check_List_S1 {
        display: flex;
        justify-content: center;
        gap: 20px;
        flex-wrap: wrap;
    }

    .SB_Check_Item_S1 {
        background: rgba(255,255,255,0.1);
        padding: 8px 16px;
        border-radius: 50px;
        font-size: 14px;
        border: 1px solid rgba(255,255,255,0.2);
    }

    /* RESPONSIVE */
    @media (max-width: 768px) {
        .SB_Profile_Card_S1 { flex-direction: column; text-align: center; }
        .SB_Title_S1 { font-size: 28px; }
        .SB_Goals_List_S1 { grid-template-columns: 1fr; }
    }

    /* --- SCOPED CSS: STARTING PHASE --- */
    
    .SP_Wrapper_S2 {
        width: 100%;
        background: #f8fafc;
        color: #334155;
        line-height: 1.8;
        padding: 40px 20px;
        box-sizing: border-box;
    }

    .SP_Container_S2 {
        max-width: 850px;
        margin: 0 auto;
    }

    /* --- TYPOGRAPHY --- */
    .SP_Phase_Badge_S2 {
        background: #fee2e2;
        color: #b91c1c;
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 6px 14px;
        border-radius: 4px;
        display: inline-block;
        margin-bottom: 20px;
        border: 1px solid #fca5a5;
    }

    .SP_Title_S2 {
        font-size: 38px;
        font-weight: 900;
        color: #0f172a;
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .SP_Text_S2 {
        font-size: 18px;
        margin-bottom: 20px;
        color: #475569;
    }

    .SP_Highlight_S2 {
        background: linear-gradient(120deg, transparent 0%, transparent 6px, #d1fae5 6px, #d1fae5 90%, transparent 90%);
        padding: 0 4px;
        color: #047857;
        font-weight: 700;
    }

    /* --- 1. ADS STOPPED ALERT BOX --- */
    .SP_Alert_Box_S2 {
        background: #fff;
        border: 2px dashed #ef4444;
        padding: 30px;
        border-radius: 12px;
        text-align: center;
        margin: 30px 0;
        position: relative;
    }

    .SP_Stop_Icon_S2 {
        width: 50px; height: 50px;
        background: #ef4444;
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        box-shadow: 0 4px 10px rgba(239, 68, 68, 0.3);
    }

    .SP_Alert_Head_S2 {
        margin-top: 15px;
        font-size: 22px;
        font-weight: 800;
        color: #b91c1c;
    }

    /* --- 2. CONTRAST CARD (YouTube vs Reality) --- */
    .SP_Contrast_Grid_S2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin: 40px 0;
    }

    .SP_Card_Wrong_S2 {
        background: #fef2f2;
        border: 1px solid #fecaca;
        padding: 20px;
        border-radius: 8px;
    }

    .SP_Card_Right_S2 {
        background: #f0fdf4;
        border: 1px solid #bbf7d0;
        padding: 20px;
        border-radius: 8px;
    }

    .SP_Label_S2 {
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 10px;
        display: block;
    }

    /* --- 3. REASONING LIST --- */
    .SP_Reason_List_S2 {
        list-style: none;
        padding: 0;
        margin: 20px 0;
    }

    .SP_Reason_Item_S2 {
        background: #fff;
        padding: 12px 18px;
        border-radius: 6px;
        margin-bottom: 10px;
        border-left: 4px solid #3b82f6;
        box-shadow: 0 2px 5px rgba(0,0,0,0.02);
        font-weight: 600;
    }

    /* --- 4. SAVINGS CALCULATOR --- */
    .SP_Save_Box_S2 {
        background: #1e293b;
        color: #fff;
        padding: 25px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 40px 0;
    }

    .SP_Save_Val_S2 {
        font-size: 28px;
        font-weight: 800;
        color: #4ade80;
    }

    /* --- 5. PHASE METRICS (14 Days) --- */
    .SP_Metrics_Wrapper_S2 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 15px;
        margin-top: 20px;
    }

    .SP_Metric_S2 {
        background: #fff;
        padding: 15px;
        border-radius: 8px;
        text-align: center;
        border: 1px solid #e2e8f0;
    }

    .SP_M_Val_S2 {
        font-size: 20px;
        font-weight: 800;
        color: #0f172a;
        margin-top: 5px;
    }

    /* --- 6. SYSTEM THINKING (Quote) --- */
    .SP_System_Quote_S2 {
        border-left: 4px solid #8b5cf6;
        padding-left: 20px;
        margin: 40px 0;
        font-size: 20px;
        font-style: italic;
        color: #4c1d95;
    }

    /* RESPONSIVE */
    @media (max-width: 768px) {
        .SP_Contrast_Grid_S2 { grid-template-columns: 1fr; }
        .SP_Metrics_Wrapper_S2 { grid-template-columns: 1fr 1fr; }
        .SP_Save_Box_S2 { flex-direction: column; text-align: center; gap: 10px; }
        .SP_Title_S2 { font-size: 28px; }
    }

    /* --- SCOPED CSS: NO-ADS PHASE --- */
    
    .NAP_Wrapper_X3 {
        width: 100%;
        background: #ffffff;
        color: #334155;
        line-height: 1.8;
        padding: 40px 20px;
        box-sizing: border-box;
        border-top: 1px solid #f1f5f9;
    }

    .NAP_Container_X3 {
        max-width: 850px;
        margin: 0 auto;
    }

    /* --- TYPOGRAPHY --- */
    .NAP_Badge_X3 {
        background: #f1f5f9;
        color: #475569;
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        padding: 6px 14px;
        border-radius: 4px;
        display: inline-block;
        margin-bottom: 20px;
        border: 1px solid #cbd5e1;
    }

    .NAP_Title_X3 {
        font-size: 36px;
        font-weight: 900;
        color: #0f172a;
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .NAP_Text_X3 {
        font-size: 18px;
        margin-bottom: 25px;
        color: #475569;
    }

    /* Highlight Marker */
    .NAP_Mark_X3 {
        background: linear-gradient(120deg, transparent 0%, transparent 6px, #e2e8f0 6px, #e2e8f0 90%, transparent 90%);
        padding: 0 4px;
        color: #0f172a;
        font-weight: 700;
    }

    /* --- 1. THE SILENCE BOX (Emotional State) --- */
    .NAP_Silence_Box_X3 {
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        padding: 30px;
        text-align: center;
        margin: 40px 0;
        position: relative;
    }

    .NAP_Pulse_Dot_X3 {
        width: 12px; height: 12px;
        background: #94a3b8;
        border-radius: 50%;
        display: inline-block;
        margin-bottom: 15px;
        animation: nap_pulse 2s infinite;
    }

    @keyframes nap_pulse {
        0% { opacity: 0.3; transform: scale(0.8); }
        50% { opacity: 1; transform: scale(1.2); }
        100% { opacity: 0.3; transform: scale(0.8); }
    }

    .NAP_Thought_X3 {
        font-style: italic;
        color: #64748b;
        font-size: 20px;
        margin-top: 10px;
        display: block;
    }

    /* --- 2. DAILY ROUTINE (Timeline) --- */
    .NAP_Routine_Card_X3 {
        background: #fff;
        border: 1px solid #e2e8f0;
        padding: 40px;
        border-radius: 16px;
        margin: 50px 0;
        box-shadow: 0 10px 30px -10px rgba(0,0,0,0.05);
    }

    .NAP_Routine_Title_X3 {
        font-size: 22px;
        font-weight: 800;
        color: #0f172a;
        margin-bottom: 30px;
        border-bottom: 2px solid #f1f5f9;
        padding-bottom: 15px;
    }

    .NAP_Timeline_Item_X3 {
        display: flex;
        gap: 20px;
        margin-bottom: 20px;
        align-items: center;
    }

    .NAP_Time_Badge_X3 {
        background: #0f172a;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        padding: 5px 10px;
        border-radius: 4px;
        min-width: 90px;
        text-align: center;
    }

    .NAP_Task_X3 {
        font-size: 16px;
        font-weight: 600;
        color: #334155;
    }

    /* --- 3. REALITY METRICS (Dashboard) --- */
    .NAP_Reality_Grid_X3 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
        margin: 40px 0;
    }

    .NAP_Stat_Card_X3 {
        background: #f8fafc;
        border: 1px solid #cbd5e1;
        padding: 20px;
        border-radius: 8px;
    }

    .NAP_Stat_Head_X3 {
        font-size: 12px;
        text-transform: uppercase;
        color: #64748b;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .NAP_Stat_Val_X3 {
        font-size: 20px;
        font-weight: 800;
        color: #0f172a;
    }

    .NAP_Zero_Spend_X3 {
        color: #16a34a; /* Green for 0 spend */
    }

    /* --- 4. MENTOR NOTE --- */
    .NAP_Mentor_Note_X3 {
        border-left: 4px solid #3b82f6;
        background: #eff6ff;
        padding: 25px;
        border-radius: 0 8px 8px 0;
        margin: 40px 0;
    }

    .NAP_Mentor_Label_X3 {
        font-size: 12px;
        font-weight: 800;
        color: #2563eb;
        text-transform: uppercase;
        margin-bottom: 10px;
        display: block;
    }

    .NAP_Quote_Text_X3 {
        font-size: 18px;
        font-style: italic;
        color: #1e3a8a;
        font-weight: 600;
    }

    /* --- 5. MINDSET SHIFT (Why People Quit) --- */
    .NAP_Quit_Box_X3 {
        background: #1e293b;
        color: #fff;
        padding: 30px;
        border-radius: 12px;
        margin: 50px 0;
    }

    .NAP_Quit_Grid_X3 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        margin-top: 20px;
    }

    .NAP_Quit_Col_X3 h4 {
        color: #94a3b8;
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 15px;
    }

    .NAP_Quit_List_X3 li {
        margin-bottom: 8px;
        color: #cbd5e1;
        font-size: 15px;
    }

    .NAP_Stay_Col_X3 h4 {
        color: #4ade80;
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 15px;
    }

    .NAP_Stay_Text_X3 {
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        line-height: 1.4;
    }

    /* RESPONSIVE */
    @media (max-width: 768px) {
        .NAP_Routine_Card_X3 { padding: 20px; }
        .NAP_Timeline_Item_X3 { flex-direction: column; align-items: flex-start; gap: 5px; }
        .NAP_Quit_Grid_X3 { grid-template-columns: 1fr; }
        .NAP_Title_X3 { font-size: 28px; }
    }

    /* --- SCOPED CSS: SILENCE PHASE --- */
    
    .SIL_Wrapper_P3 {
        width: 100%;
        background: #ffffff;
        color: #334155;
        line-height: 1.8;
        padding: 40px 20px;
        box-sizing: border-box;
        border-top: 1px solid #f1f5f9;
    }

    .SIL_Container_P3 {
        max-width: 800px;
        margin: 0 auto;
    }

    /* --- TYPOGRAPHY --- */
    .SIL_Badge_P3 {
        background: #f1f5f9;
        color: #64748b;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        padding: 6px 14px;
        border-radius: 4px;
        display: inline-block;
        margin-bottom: 20px;
        border: 1px solid #cbd5e1;
    }

    .SIL_Title_P3 {
        font-size: 36px;
        font-weight: 900;
        color: #0f172a;
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .SIL_Text_P3 {
        font-size: 18px;
        margin-bottom: 25px;
        color: #475569;
    }

    .SIL_Highlight_P3 {
        background: linear-gradient(120deg, transparent 0%, transparent 6px, #e2e8f0 6px, #e2e8f0 90%, transparent 90%);
        padding: 0 4px;
        color: #0f172a;
        font-weight: 700;
    }

    /* --- 1. THE MENTAL LOOP (Thoughts) --- */
    .SIL_Thought_Cloud_P3 {
        background: #f8fafc;
        border: 2px dashed #94a3b8;
        border-radius: 16px;
        padding: 30px;
        margin: 40px 0;
        position: relative;
    }

    .SIL_Cloud_Title_P3 {
        position: absolute;
        top: -15px;
        left: 50%;
        transform: translateX(-50%);
        background: #fff;
        padding: 0 15px;
        font-weight: 700;
        color: #64748b;
        font-size: 14px;
        text-transform: uppercase;
    }

    .SIL_Question_P3 {
        font-style: italic;
        color: #475569;
        font-size: 18px;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .SIL_Icon_P3 { color: #94a3b8; font-size: 14px; }

    /* --- 2. THE WORK (No Reward) --- */
    .SIL_Work_Card_P3 {
        background: #fff;
        border-left: 4px solid #3b82f6;
        padding: 20px 25px;
        border-radius: 0 8px 8px 0;
        background: linear-gradient(90deg, #eff6ff 0%, #ffffff 100%);
        margin: 30px 0;
    }

    .SIL_Work_Title_P3 {
        font-weight: 800;
        color: #1e3a8a;
        margin-bottom: 10px;
        display: block;
    }

    /* --- 3. REALITY NUMBERS (Slow Timeline) --- */
    .SIL_Timeline_Box_P3 {
        margin: 50px 0;
        padding: 30px;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        background: #fff;
    }

    .SIL_Time_Row_P3 {
        display: flex;
        justify-content: space-between;
        padding: 12px 0;
        border-bottom: 1px solid #f1f5f9;
        font-size: 16px;
    }

    .SIL_Time_Row_P3:last-child { border-bottom: none; }

    .SIL_Day_P3 { font-weight: 600; color: #64748b; }
    .SIL_Ord_P3 { font-weight: 800; color: #0f172a; }

    /* --- 4. THE SMALL WIN (Notification Style) --- */
    .SIL_Notification_P3 {
        background: #fff;
        box-shadow: 0 10px 30px rgba(0,0,0,0.08);
        border-radius: 12px;
        padding: 20px;
        max-width: 400px;
        margin: 40px auto;
        border: 1px solid #e2e8f0;
        text-align: left;
        transform: scale(1);
        transition: transform 0.3s;
    }

    .SIL_Notification_P3:hover { transform: scale(1.02); }

    .SIL_Notif_Header_P3 {
        display: flex;
        justify-content: space-between;
        font-size: 12px;
        color: #64748b;
        margin-bottom: 10px;
    }

    .SIL_Notif_Body_P3 {
        font-weight: 700;
        color: #0f172a;
        font-size: 16px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .SIL_Bell_P3 {
        width: 30px; height: 30px;
        background: #dbeafe;
        color: #2563eb;
        border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
    }

    /* --- 5. MENTOR INSIGHT & SHIFT --- */
    .SIL_Shift_Grid_P3 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        margin-top: 40px;
    }

    .SIL_Shift_Card_P3 {
        padding: 20px;
        border-radius: 8px;
        text-align: center;
    }

    .SIL_Old_Think_P3 { background: #fef2f2; border: 1px solid #fecaca; }
    .SIL_New_Think_P3 { background: #f0fdf4; border: 1px solid #bbf7d0; }

    .SIL_Shift_Label_P3 {
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 10px;
        display: block;
    }

    /* RESPONSIVE */
    @media (max-width: 768px) {
        .SIL_Title_P3 { font-size: 28px; }
        .SIL_Shift_Grid_P3 { grid-template-columns: 1fr; }
    }

    /* --- SCOPED CSS: KEYWORD RESEARCH PHASE --- */
    
    .KR_Wrapper_K2 {
        width: 100%;
        background: #ffffff;
        color: #334155;
        line-height: 1.8;
        padding: 40px 20px;
        box-sizing: border-box;
        border-top: 1px solid #f1f5f9;
    }

    .KR_Container_K2 {
        max-width: 900px;
        margin: 0 auto;
    }

    /* --- TYPOGRAPHY --- */
    .KR_Phase_Badge_K2 {
        background: #f0f9ff;
        color: #0369a1;
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        padding: 6px 14px;
        border-radius: 4px;
        display: inline-block;
        margin-bottom: 20px;
        border: 1px solid #bae6fd;
    }

    .KR_Title_K2 {
        font-size: 38px;
        font-weight: 900;
        color: #0f172a;
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .KR_Text_K2 {
        font-size: 18px;
        margin-bottom: 25px;
        color: #475569;
    }

    .KR_Highlight_K2 {
        background: linear-gradient(120deg, transparent 0%, transparent 6px, #ffedd5 6px, #ffedd5 90%, transparent 90%);
        padding: 0 4px;
        color: #c2410c;
        font-weight: 700;
    }

    /* --- 1. THE GOLDEN RULE (Quote Box) --- */
    .KR_Golden_Box_K2 {
        background: #1e293b;
        color: #fff;
        padding: 40px;
        border-radius: 12px;
        text-align: center;
        margin: 40px 0;
        box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.3);
        position: relative;
    }

    .KR_Quote_Icon_K2 {
        font-size: 40px;
        margin-bottom: 15px;
        display: block;
    }

    .KR_Quote_Text_K2 {
        font-size: 24px;
        font-weight: 800;
        line-height: 1.4;
        font-style: italic;
    }

    /* --- 2. BEFORE VS AFTER (Comparison) --- */
    .KR_Shift_Grid_K2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        margin: 50px 0;
    }

    .KR_State_Card_K2 {
        padding: 30px;
        border-radius: 12px;
        border: 1px solid #e2e8f0;
    }

    .KR_Bad_K2 { background: #fef2f2; border-color: #fecaca; }
    .KR_Good_K2 { background: #f0fdf4; border-color: #bbf7d0; }

    .KR_State_Title_K2 {
        font-size: 14px;
        font-weight: 800;
        text-transform: uppercase;
        margin-bottom: 15px;
        display: block;
    }

    .KR_List_K2 {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .KR_List_K2 li {
        margin-bottom: 10px;
        font-size: 16px;
        display: flex;
        gap: 10px;
    }

    /* --- 3. LEARNING POINTS (Cards) --- */
    .KR_Learn_Grid_K2 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
        margin: 30px 0;
    }

    .KR_Learn_Card_K2 {
        background: #fff;
        border: 1px solid #e2e8f0;
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
        transition: transform 0.2s;
    }

    .KR_Learn_Card_K2:hover {
        transform: translateY(-5px);
        border-color: #3b82f6;
    }

    .KR_Learn_Title_K2 {
        font-weight: 700;
        color: #1e293b;
        margin-bottom: 5px;
        display: block;
    }

    /* --- 4. THE GRIND (Process) --- */
    .KR_Process_Box_K2 {
        background: #f8fafc;
        border-left: 4px solid #64748b;
        padding: 25px;
        margin: 40px 0;
    }

    /* --- 5. RESULTS DASHBOARD --- */
    .KR_Result_Box_K2 {
        background: #ffffff;
        border: 2px solid #f1f5f9;
        border-radius: 16px;
        padding: 30px;
        margin-top: 50px;
    }

    .KR_Result_Flex_K2 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 20px;
        flex-wrap: wrap;
        gap: 20px;
    }

    .KR_Res_Item_K2 {
        text-align: center;
        flex: 1;
        min-width: 120px;
    }

    .KR_Res_Label_K2 {
        font-size: 12px;
        color: #94a3b8;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 5px;
    }

    .KR_Res_Val_K2 {
        font-size: 24px;
        font-weight: 800;
        color: #0f172a;
    }

    .KR_Green_Txt_K2 { color: #16a34a; }

    /* --- 6. MENTOR RESPONSIBILITY --- */
    .KR_Mentor_Quote_K2 {
        font-size: 22px;
        font-weight: 700;
        color: #1e40af;
        text-align: center;
        margin: 40px 0;
        padding: 30px;
        background: #eff6ff;
        border-radius: 12px;
        line-height: 1.4;
    }

    /* RESPONSIVE */
    @media (max-width: 768px) {
        .KR_Shift_Grid_K2 { grid-template-columns: 1fr; }
        .KR_Title_K2 { font-size: 30px; }
        .KR_Result_Flex_K2 { flex-direction: column; align-items: flex-start; }
        .KR_Res_Item_K2 { text-align: left; }
    }

    /* --- SCOPED CSS: STRUGGLE PHASE (DAYS 30-75) --- */
    
    .STR_Wrapper_D3 {
        width: 100%;
        background: #ffffff;
        color: #334155;
        line-height: 1.8;
        padding: 40px 20px;
        box-sizing: border-box;
        border-top: 1px solid #e2e8f0;
    }

    .STR_Container_D3 {
        max-width: 850px;
        margin: 0 auto;
    }

    /* --- TYPOGRAPHY --- */
    .STR_Phase_Badge_D3 {
        background: #fee2e2;
        color: #991b1b;
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        padding: 6px 14px;
        border-radius: 4px;
        display: inline-block;
        margin-bottom: 20px;
        border: 1px solid #fca5a5;
    }

    .STR_Title_D3 {
        font-size: 38px;
        font-weight: 900;
        color: #0f172a;
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .STR_Text_D3 {
        font-size: 18px;
        margin-bottom: 25px;
        color: #475569;
    }

    .STR_Highlight_D3 {
        background: linear-gradient(120deg, transparent 0%, transparent 6px, #fee2e2 6px, #fee2e2 90%, transparent 90%);
        padding: 0 4px;
        color: #991b1b;
        font-weight: 700;
    }

    .STR_Bold_D3 {
        font-weight: 700;
        color: #0f172a;
    }

    /* --- 1. THE DARK MODE BOX (Late Nights) --- */
    .STR_Night_Box_D3 {
        background: #0f172a; /* Midnight Blue */
        color: #cbd5e1;
        padding: 40px;
        border-radius: 16px;
        margin: 40px 0;
        position: relative;
        box-shadow: 0 20px 40px -10px rgba(15, 23, 42, 0.5);
    }

    .STR_Night_Icon_D3 {
        font-size: 30px;
        margin-bottom: 15px;
        display: block;
    }

    .STR_Night_Title_D3 {
        font-size: 22px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 20px;
        border-bottom: 1px solid #334155;
        padding-bottom: 15px;
    }

    .STR_List_Dark_D3 {
        list-style: none;
        padding: 0;
    }

    .STR_List_Dark_D3 li {
        margin-bottom: 12px;
        display: flex;
        gap: 12px;
        align-items: center;
    }

    .STR_Moon_Dot_D3 {
        width: 8px; height: 8px;
        background: #60a5fa;
        border-radius: 50%;
        box-shadow: 0 0 10px #60a5fa;
    }

    /* --- 2. EMOTIONAL DIP (Alert) --- */
    .STR_Emotion_Card_D3 {
        border-left: 4px solid #ef4444;
        background: #fef2f2;
        padding: 25px;
        margin: 30px 0;
        border-radius: 0 8px 8px 0;
    }

    .STR_Inner_Voice_D3 {
        font-style: italic;
        color: #991b1b;
        font-weight: 600;
        display: block;
        margin-top: 10px;
    }

    /* --- 3. MENTOR GUIDANCE (The Anchor) --- */
    .STR_Mentor_Block_D3 {
        background: #fffbeb;
        border: 2px dashed #f59e0b;
        border-radius: 12px;
        padding: 30px;
        text-align: center;
        margin: 50px 0;
    }

    .STR_Quote_Large_D3 {
        font-size: 24px;
        font-weight: 800;
        color: #92400e;
        line-height: 1.4;
    }

    .STR_Quote_Author_D3 {
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-top: 15px;
        color: #b45309;
        font-weight: 700;
    }

    /* --- 4. REALITY METRICS (Day 60) --- */
    .STR_Reality_Grid_D3 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 20px;
        margin: 40px 0;
    }

    .STR_Stat_Box_D3 {
        background: #f8fafc;
        border: 1px solid #cbd5e1;
        padding: 20px;
        border-radius: 8px;
        text-align: center;
    }

    .STR_Stat_Label_D3 {
        font-size: 12px;
        text-transform: uppercase;
        color: #64748b;
        font-weight: 700;
        margin-bottom: 5px;
    }

    .STR_Stat_Val_D3 {
        font-size: 20px;
        font-weight: 800;
        color: #334155;
    }

    /* --- 5. MINDSET SHIFT (Comparison) --- */
    .STR_Shift_Box_D3 {
        background: #f0fdf4;
        border: 1px solid #bbf7d0;
        border-radius: 12px;
        padding: 30px;
        margin: 40px 0;
    }

    .STR_Old_Mind_D3 {
        color: #ef4444;
        text-decoration: line-through;
        font-weight: 600;
        display: block;
        margin-bottom: 10px;
    }

    .STR_New_Mind_D3 {
        color: #16a34a;
        font-weight: 800;
        font-size: 20px;
        display: block;
    }

    /* --- 6. THE TURNAROUND (Day 75) --- */
    .STR_Turn_Wrapper_D3 {
        background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);
        border: 1px solid #e0f2fe;
        border-radius: 16px;
        padding: 40px;
        margin-top: 60px;
    }

    .STR_Check_List_D3 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin-top: 20px;
    }

    .STR_Check_Item_D3 {
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 600;
        color: #0369a1;
    }

    /* RESPONSIVE */
    @media (max-width: 768px) {
        .STR_Title_D3 { font-size: 30px; }
        .STR_Check_List_D3 { grid-template-columns: 1fr; }
    }

    /* --- SCOPED CSS: GROWTH PHASE (DAYS 75-110) --- */
    
    .HW_Wrapper_P4 {
        width: 100%;
        background: #ffffff;
        color: #334155;
        line-height: 1.8;
        padding: 40px 20px;
        box-sizing: border-box;
        border-top: 1px solid #e2e8f0;
    }

    .HW_Container_P4 {
        max-width: 900px;
        margin: 0 auto;
    }

    /* --- TYPOGRAPHY --- */
    .HW_Phase_Badge_P4 {
        background: #ecfccb;
        color: #4d7c0f;
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        padding: 6px 14px;
        border-radius: 4px;
        display: inline-block;
        margin-bottom: 20px;
        border: 1px solid #bef264;
    }

    .HW_Title_P4 {
        font-size: 38px;
        font-weight: 900;
        color: #0f172a;
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .HW_Text_P4 {
        font-size: 18px;
        margin-bottom: 25px;
        color: #475569;
    }

    .HW_Highlight_P4 {
        background: linear-gradient(120deg, transparent 0%, transparent 6px, #ffedd5 6px, #ffedd5 90%, transparent 90%);
        padding: 0 4px;
        color: #c2410c;
        font-weight: 700;
    }

    /* --- 1. REFLECTION CARD --- */
    .HW_Reflect_Card_P4 {
        background: #f8fafc;
        border-left: 5px solid #6366f1;
        padding: 30px;
        border-radius: 0 12px 12px 0;
        margin: 40px 0;
        font-style: italic;
        font-size: 20px;
        color: #334155;
        font-weight: 600;
    }

    /* --- 2. DAILY HUSTLE GRID (12-16 Hours) --- */
    .HW_Hustle_Wrapper_P4 {
        background: #1e293b;
        color: #fff;
        padding: 40px;
        border-radius: 16px;
        margin: 50px 0;
        position: relative;
        overflow: hidden;
    }

    .HW_Hustle_Title_P4 {
        font-size: 22px;
        font-weight: 800;
        margin-bottom: 20px;
        color: #fca5a5;
        border-bottom: 1px solid #334155;
        padding-bottom: 15px;
    }

    .HW_Schedule_Grid_P4 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 20px;
    }

    .HW_Task_Item_P4 {
        background: rgba(255,255,255,0.05);
        padding: 15px;
        border-radius: 8px;
        border: 1px solid rgba(255,255,255,0.1);
    }

    .HW_Time_Label_P4 {
        font-size: 12px;
        text-transform: uppercase;
        color: #94a3b8;
        font-weight: 700;
        display: block;
        margin-bottom: 5px;
    }

    .HW_Task_Name_P4 {
        font-size: 16px;
        font-weight: 600;
        color: #e2e8f0;
    }

    /* --- 3. THE PARCEL ROOM (Visual Proof) --- */
    .HW_Parcel_Box_P4 {
        background: #f0fdf4;
        border: 2px dashed #16a34a;
        padding: 30px;
        border-radius: 12px;
        margin: 50px 0;
        text-align: center;
    }

    .HW_Box_Icon_P4 {
        font-size: 40px;
        margin-bottom: 10px;
        display: block;
    }

    .HW_Metric_Row_P4 {
        display: flex;
        justify-content: center;
        gap: 40px;
        margin-top: 20px;
        flex-wrap: wrap;
    }

    .HW_Metric_P4 {
        text-align: center;
    }

    .HW_M_Num_P4 { font-size: 24px; font-weight: 800; color: #15803d; }
    .HW_M_Lbl_P4 { font-size: 12px; font-weight: 700; color: #166534; text-transform: uppercase; }

    /* --- 4. MENTOR WORDS --- */
    .HW_Mentor_Box_P4 {
        background: #fff7ed;
        border-left: 4px solid #f97316;
        padding: 25px;
        border-radius: 0 8px 8px 0;
        margin: 40px 0;
    }

    .HW_Quote_Text_P4 {
        font-size: 18px;
        font-weight: 700;
        color: #9a3412;
        line-height: 1.5;
    }

    /* --- 5. ADVANCED LEARNING (Comparison) --- */
    .HW_Tech_Grid_P4 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        margin: 40px 0;
    }

    .HW_Tech_Card_P4 {
        background: #fff;
        border: 1px solid #e2e8f0;
        padding: 20px;
        border-radius: 12px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.03);
    }

    .HW_Tech_Icon_P4 { font-size: 24px; margin-bottom: 10px; display: block; }
    .HW_Tech_Head_P4 { font-weight: 800; color: #0f172a; margin-bottom: 10px; display: block; }
    .HW_Tech_List_P4 { list-style: none; padding: 0; margin: 0; font-size: 14px; color: #475569; }
    .HW_Tech_List_P4 li { margin-bottom: 5px; display: flex; gap: 8px; }

    /* --- 6. IDENTITY SHIFT --- */
    .HW_Identity_Box_P4 {
        background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
        color: #fff;
        padding: 40px;
        border-radius: 16px;
        text-align: center;
        margin-top: 50px;
        box-shadow: 0 15px 30px -5px rgba(67, 56, 202, 0.4);
    }

    .HW_Id_Old_P4 { opacity: 0.6; text-decoration: line-through; font-size: 16px; }
    .HW_Id_New_P4 { font-size: 26px; font-weight: 800; margin-top: 10px; color: #fff; }

    /* RESPONSIVE */
    @media (max-width: 768px) {
        .HW_Title_P4 { font-size: 30px; }
        .HW_Schedule_Grid_P4 { grid-template-columns: 1fr 1fr; }
        .HW_Tech_Grid_P4 { grid-template-columns: 1fr; }
    }

    /* --- SCOPED CSS: BREAKTHROUGH PHASE (FINAL) --- */
    
    .BP_Wrapper_F5 {
        width: 100%;
        background: #ffffff;
        color: #334155;
        line-height: 1.8;
        padding: 40px 20px;
        box-sizing: border-box;
        border-top: 1px solid #e2e8f0;
    }

    .BP_Container_F5 {
        max-width: 900px;
        margin: 0 auto;
    }

    /* --- TYPOGRAPHY --- */
    .BP_Phase_Badge_F5 {
        background: #fef3c7;
        color: #b45309;
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        padding: 6px 14px;
        border-radius: 4px;
        display: inline-block;
        margin-bottom: 20px;
        border: 1px solid #fcd34d;
    }

    .BP_Title_F5 {
        font-size: 40px;
        font-weight: 900;
        color: #0f172a;
        margin-bottom: 20px;
        line-height: 1.2;
    }

    .BP_Text_F5 {
        font-size: 19px;
        margin-bottom: 25px;
        color: #475569;
    }

    .BP_Highlight_F5 {
        background: linear-gradient(120deg, transparent 0%, transparent 6px, #dbeafe 6px, #dbeafe 90%, transparent 90%);
        padding: 0 4px;
        color: #1e40af;
        font-weight: 700;
    }

    /* --- 1. MOMENTUM BOX (Automatic Work) --- */
    .BP_Momentum_Box_F5 {
        background: #f8fafc;
        border-left: 5px solid #8b5cf6;
        padding: 30px;
        border-radius: 0 12px 12px 0;
        margin: 40px 0;
    }

    .BP_Momentum_Title_F5 {
        font-size: 22px;
        font-weight: 800;
        color: #5b21b6;
        margin-bottom: 15px;
    }

    .BP_Check_List_F5 {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .BP_Check_Item_F5 {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 17px;
        margin-bottom: 10px;
        color: #334155;
    }

    .BP_Check_Icon_F5 {
        color: #22c55e;
        font-weight: 900;
    }

    /* --- 2. IMAGE PLACEHOLDER STYLE --- */
    .BP_Image_Place_F5 {
        width: 100%;
        height: 300px;
        background: #f1f5f9;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        border: 2px dashed #cbd5e1;
        margin: 40px 0;
        color: #64748b;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    /* --- 3. GROWTH NUMBERS (Cards) --- */
    .BP_Growth_Grid_F5 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
        margin: 40px 0;
    }

    .BP_Growth_Card_F5 {
        background: #fff;
        border: 1px solid #e2e8f0;
        padding: 25px;
        border-radius: 12px;
        box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05);
        text-align: center;
        transition: transform 0.3s;
    }

    .BP_Growth_Card_F5:hover { transform: translateY(-5px); border-color: #3b82f6; }

    .BP_Day_Label_F5 {
        font-size: 14px;
        font-weight: 700;
        color: #64748b;
        text-transform: uppercase;
        margin-bottom: 10px;
        display: block;
    }

    .BP_Order_Val_F5 {
        font-size: 28px;
        font-weight: 900;
        color: #0f172a;
    }

    .BP_Sub_Val_F5 {
        font-size: 14px;
        color: #22c55e;
        font-weight: 600;
    }

    /* --- 4. PARCEL REALITY (Visual) --- */
    .BP_Parcel_Visual_F5 {
        background: #1e293b;
        color: #fff;
        padding: 40px;
        border-radius: 16px;
        text-align: center;
        margin: 50px 0;
        position: relative;
        overflow: hidden;
    }

    .BP_Parcel_Icon_F5 { font-size: 50px; margin-bottom: 15px; display: block; }
    
    .BP_Parcel_Text_F5 {
        font-size: 20px;
        font-weight: 700;
        color: #e2e8f0;
        line-height: 1.5;
    }

    /* --- 5. MENTOR WARNING (Red/Orange) --- */
    .BP_Warning_Box_F5 {
        background: #fff7ed;
        border: 2px solid #ffedd5;
        padding: 30px;
        border-radius: 12px;
        margin: 40px 0;
        text-align: center;
    }

    .BP_Warn_Text_F5 {
        font-size: 20px;
        font-weight: 800;
        color: #9a3412;
        font-style: italic;
    }

    /* --- 6. FINAL STATS (Big Board) --- */
    .BP_Final_Stat_F5 {
        background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
        color: #fff;
        padding: 40px;
        border-radius: 20px;
        margin-top: 60px;
        text-align: center;
        box-shadow: 0 20px 50px -10px rgba(37, 99, 235, 0.4);
    }

    .BP_Final_Big_Num_F5 {
        font-size: 60px;
        font-weight: 900;
        color: #fcd34d; /* Gold */
        line-height: 1;
        margin: 10px 0;
    }

    .BP_Final_Label_F5 {
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 2px;
        opacity: 0.9;
    }

    /* --- 7. FOOTER CTA --- */
    .BP_Footer_CTA_F5 {
        margin-top: 60px;
        text-align: center;
        padding: 40px;
        background: #f8fafc;
        border-radius: 16px;
    }

    .BP_Btn_F5 {
        background: #0f172a;
        color: #fff;
        padding: 15px 30px;
        border-radius: 50px;
        text-decoration: none;
        font-weight: 700;
        display: inline-block;
        margin-top: 20px;
        transition: background 0.3s;
    }

    .BP_Btn_F5:hover { background: #334155; }

    /* RESPONSIVE */
    @media (max-width: 768px) {
        .BP_Title_F5 { font-size: 32px; }
        .BP_Growth_Grid_F5 { grid-template-columns: 1fr; }
        .BP_Final_Big_Num_F5 { font-size: 48px; }
    }

    /* --- SCOPED CSS: EMOTIONAL PEAK (REWARD) --- */
    
    .EP_Wrapper_E7 {
        width: 100%;
        background: #ffffff;
        color: #334155;
        line-height: 1.8;
        padding: 40px 20px;
        box-sizing: border-box;
        border-top: 1px solid #e2e8f0;
    }

    .EP_Container_E7 {
        max-width: 900px;
        margin: 0 auto;
    }

    /* --- TYPOGRAPHY --- */
    .EP_Phase_Badge_E7 {
        background: linear-gradient(135deg, #7c3aed 0%, #4f46e5 100%);
        color: #fff;
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        padding: 8px 16px;
        border-radius: 50px;
        display: inline-block;
        margin-bottom: 25px;
        box-shadow: 0 4px 10px rgba(124, 58, 237, 0.3);
    }

    .EP_Title_E7 {
        font-size: 42px;
        font-weight: 900;
        color: #0f172a;
        margin-bottom: 25px;
        line-height: 1.2;
    }

    .EP_Text_E7 {
        font-size: 19px;
        margin-bottom: 25px;
        color: #475569;
    }

    .EP_Highlight_E7 {
        background: linear-gradient(120deg, transparent 0%, transparent 6px, #fef08a 6px, #fef08a 90%, transparent 90%);
        padding: 0 4px;
        color: #854d0e;
        font-weight: 700;
    }

    /* --- 1. SILENT VICTORY BOX --- */
    .EP_Silence_Box_E7 {
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        padding: 40px;
        border-radius: 16px;
        text-align: center;
        margin: 40px 0;
        position: relative;
    }

    .EP_Silence_Icon_E7 {
        font-size: 30px;
        margin-bottom: 15px;
        display: block;
    }

    .EP_Silence_Text_E7 {
        font-size: 20px;
        font-style: italic;
        color: #64748b;
        font-weight: 500;
    }

    /* --- 2. THE REWARD CARD (Premium Black/Gold) --- */
    .EP_Reward_Card_E7 {
        background: #0f172a; /* Deep Black/Blue */
        color: #fff;
        padding: 50px 30px;
        border-radius: 20px;
        text-align: center;
        margin: 60px 0;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
        border: 1px solid #334155;
        position: relative;
        overflow: hidden;
    }

    /* Gold Shine Effect */
    .EP_Reward_Card_E7::before {
        content: '';
        position: absolute;
        top: -50%; left: -50%; width: 200%; height: 200%;
        background: radial-gradient(circle, rgba(251, 191, 36, 0.1) 0%, transparent 70%);
        pointer-events: none;
    }

    .EP_Reward_Title_E7 {
        font-size: 24px;
        font-weight: 700;
        color: #fbbf24; /* Gold */
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 20px;
    }

    .EP_Reward_Icon_E7 {
        font-size: 50px;
        margin-bottom: 20px;
        display: block;
        color: #fff;
    }

    .EP_Symbol_List_E7 {
        list-style: none;
        padding: 0;
        margin: 30px 0 0 0;
        display: flex;
        justify-content: center;
        gap: 15px;
        flex-wrap: wrap;
    }

    .EP_Symbol_Item_E7 {
        background: rgba(255,255,255,0.1);
        padding: 8px 16px;
        border-radius: 50px;
        font-size: 14px;
        color: #cbd5e1;
        border: 1px solid rgba(255,255,255,0.2);
    }

    /* --- 3. FOCUS LOCK SECTION --- */
    .EP_Focus_Wrapper_E7 {
        background: #f0fdf4;
        border-left: 5px solid #16a34a;
        padding: 30px;
        margin: 50px 0;
        border-radius: 0 12px 12px 0;
    }

    .EP_Focus_Title_E7 {
        font-size: 20px;
        font-weight: 800;
        color: #166534;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .EP_Goal_Quote_E7 {
        font-size: 18px;
        font-weight: 700;
        color: #14532d;
        font-style: italic;
        margin-top: 15px;
        display: block;
    }

    /* --- 4. MENTOR WORDS (Grounding) --- */
    .EP_Mentor_Box_E7 {
        text-align: center;
        margin: 50px 0;
        padding: 40px;
        background: #fff7ed;
        border: 2px dashed #f97316;
        border-radius: 12px;
    }

    .EP_Quote_Main_E7 {
        font-size: 22px;
        font-weight: 800;
        color: #9a3412;
        line-height: 1.4;
    }

    .EP_Quote_Sub_E7 {
        font-size: 18px;
        color: #c2410c;
        margin-top: 15px;
        display: block;
    }

    /* --- 5. SYSTEM THINKING (Grid) --- */
    .EP_System_Grid_E7 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        margin: 40px 0;
    }

    .EP_Sys_Card_E7 {
        padding: 25px;
        border-radius: 12px;
        border: 1px solid #e2e8f0;
        background: #fff;
        box-shadow: 0 4px 10px rgba(0,0,0,0.03);
    }

    .EP_Sys_Head_E7 {
        font-size: 14px;
        text-transform: uppercase;
        color: #64748b;
        font-weight: 700;
        margin-bottom: 10px;
        display: block;
    }

    .EP_Sys_Text_E7 {
        font-size: 18px;
        font-weight: 700;
        color: #0f172a;
    }

    /* --- 6. REAL SUCCESS (Comparison) --- */
    .EP_Shift_Box_E7 {
        background: linear-gradient(to right, #f1f5f9, #ffffff);
        padding: 30px;
        border-radius: 12px;
        margin: 40px 0;
        border: 1px solid #cbd5e1;
    }

    .EP_Shift_Row_E7 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #e2e8f0;
    }

    .EP_Shift_Row_E7:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

    .EP_Old_Feel_E7 { color: #94a3b8; text-decoration: line-through; }
    .EP_New_Feel_E7 { color: #2563eb; font-weight: 700; }

    /* --- 7. THE REAL WIN (Typography) --- */
    .EP_Win_Section_E7 {
        text-align: center;
        margin: 60px 0;
    }

    .EP_Win_Title_E7 {
        font-size: 28px;
        font-weight: 900;
        color: #0f172a;
        margin-bottom: 20px;
    }

    .EP_Win_List_E7 {
        display: inline-block;
        text-align: left;
        font-size: 18px;
        color: #334155;
    }

    .EP_Win_List_E7 li { margin-bottom: 10px; }

    /* --- 8. FINAL MOTIVATION & CTA --- */
    .EP_Final_CTA_E7 {
        background: #0f172a;
        color: #fff;
        padding: 50px 30px;
        border-radius: 20px;
        text-align: center;
        margin-top: 60px;
        box-shadow: 0 20px 40px rgba(15, 23, 42, 0.4);
    }

    .EP_Final_Btn_E7 {
        background: #fcd34d;
        color: #0f172a;
        padding: 16px 35px;
        border-radius: 50px;
        text-decoration: none;
        font-weight: 800;
        font-size: 18px;
        display: inline-block;
        margin-top: 30px;
        transition: transform 0.2s;
    }

    .EP_Final_Btn_E7:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(252, 211, 77, 0.3); }

    /* RESPONSIVE */
    @media (max-width: 768px) {
        .EP_Title_E7 { font-size: 32px; }
        .EP_System_Grid_E7 { grid-template-columns: 1fr; }
    }

    /* --- SCOPED CSS: NDA & AUTHOR SECTION --- */
    
    .ND_Wrapper_Z1 {
        width: 100%;
        background: #f8fafc;
        color: #334155;
        line-height: 1.7;
        padding: 40px 20px 40px 20px;
        box-sizing: border-box;
        border-top: 1px solid #e2e8f0;
    }

    .ND_Container_Z1 {
        max-width: 850px;
        margin: 0 auto;
    }

    /* --- 1. NDA NOTICE BOX (Legal Style) --- */
    .ND_NDA_Box_Z1 {
        background: #ffffff;
        border: 1px solid #cbd5e1;
        border-left: 5px solid #64748b;
        padding: 30px;
        border-radius: 8px;
        margin-bottom: 60px;
        position: relative;
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
    }

    .ND_Lock_Icon_Z1 {
        position: absolute;
        top: -20px;
        left: 30px;
        background: #64748b;
        color: #fff;
        width: 40px; height: 40px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        box-shadow: 0 4px 10px rgba(100, 116, 139, 0.4);
    }

    .ND_NDA_Title_Z1 {
        font-size: 18px;
        font-weight: 800;
        color: #0f172a;
        text-transform: uppercase;
        margin: 10px 0 15px 0;
        letter-spacing: 1px;
    }

    .ND_NDA_Text_Z1 {
        font-size: 15px;
        color: #475569;
        font-style: italic;
    }

    /* --- 2. AUTHOR CARD (Premium Profile) --- */
    .ND_Author_Card_Z1 {
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 20px 40px -10px rgba(0,0,0,0.08);
    }

    .ND_Author_Header_Z1 {
        background: #0f172a;
        padding: 25px;
        color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 15px;
    }

    .ND_Auth_Label_Z1 {
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 2px;
        opacity: 0.8;
    }

    .ND_Name_Z1 {
        font-size: 24px;
        font-weight: 800;
        color: #fcd34d; /* Gold */
        margin-top: 5px;
    }

    .ND_Role_Badge_Z1 {
        background: rgba(255,255,255,0.1);
        padding: 6px 14px;
        border-radius: 50px;
        font-size: 12px;
        border: 1px solid rgba(255,255,255,0.2);
    }

    .ND_Author_Body_Z1 {
        padding: 40px;
    }

    .ND_Detail_Row_Z1 {
        margin-bottom: 20px;
        font-size: 16px;
        border-bottom: 1px solid #f1f5f9;
        padding-bottom: 15px;
    }

    .ND_Detail_Label_Z1 {
        font-weight: 700;
        color: #0f172a;
        margin-right: 10px;
    }

    .ND_Exp_List_Z1 {
        list-style: none;
        padding: 0;
        margin: 20px 0 0 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .ND_Exp_Item_Z1 {
        font-size: 14px;
        color: #334155;
        display: flex;
        align-items: center;
        gap: 10px;
        background: #f8fafc;
        padding: 10px;
        border-radius: 6px;
    }

    .ND_Check_Z1 {
        color: #059669;
        font-weight: 900;
    }

    /* --- 3. FINAL SEAL --- */
    .ND_Final_Line_Z1 {
        text-align: center;
        margin-top: 40px;
        font-size: 14px;
        font-weight: 600;
        color: #94a3b8;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    /* RESPONSIVE */
    @media (max-width: 768px) {
        .ND_Exp_List_Z1 { grid-template-columns: 1fr; }
        .ND_Author_Header_Z1 { flex-direction: column; text-align: center; }
    }

</style>
