* { box-sizing: border-box; }
        body { 
            margin: 0; 
            padding: 10px; 
            font-family: system-ui, -apple-system, sans-serif; 
            background-color: #f0f2f5; 
            color: #333; 
            line-height: 1.6; 
        }
        .app-container {
            max-width: 900px;
            margin: 0 auto; /* Top space thookkiaachu */
            background: #ffffff;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 15px 35px rgba(0,0,0,0.18);
            border: 1px solid rgba(0,0,0,0.05);
        }
        header { 
            text-align: center; 
            padding: 15px 10px 10px 10px; /* Top padding kuraikkappattathu */
            background: #fff; 
        }
        .logo-box {
            width: 150px; 
            height: 150px; 
            margin: 0 auto 10px;
            border-radius: 5px; 
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .logo-box img { 
            width: 100%; 
            height: 100%; 
            object-fit: contain; /* Logo mulusa theriyanum-nu maathiyachu */
            background: #fff;
        }
        h1 { font-size: 20pt; margin: 5px 0 0 0; color: #1a1a1a; }
        h2 { font-size: 13pt; color: #008000; margin: 3px 0; font-weight: 600; }

        .btn-section { padding: 15px 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
        .btn {
            display: flex; align-items: center; justify-content: center;
            padding: 12px; text-decoration: none; border-radius: 12px;
            font-weight: 700; color: #fff; font-size: 12pt;
            box-shadow: 0 6px 15px rgba(0,0,0,0.1);
        }
        .btn svg { width: 22px; height: 22px; margin-right: 8px; fill: #fff; }
        .btn-call { background: linear-gradient(135deg, #00b300, #008000); }
        .btn-whatsapp { background: linear-gradient(135deg, #25D366, #128C7E); }

        .scroller-outer { padding: 10px 0; background: #fff; }
        .scroller-inner {
            margin: 0 20px; overflow: hidden;
            border-radius: 15px; background: #f8f9fa;
            padding: 15px 0; box-shadow: inset 0 0 10px rgba(0,0,0,0.03);
        }
        .scroll-content { display: flex; animation: slide 15s linear infinite; }
        .scroll-content img { height: 145px; margin-right: 15px; border-radius: 12px; }
        @keyframes slide { from { transform: translateX(0); } to { transform: translateX(-50%); } }

        .content-section { padding: 20px; background: #fff; }
        .card-h { 
            font-size: 20px; font-weight: bold; color: #008000; 
            margin: 25px 0 10px 0; border-left: 8px solid #008000; 
            padding-left: 15px; 
        }

        .list-box { background: #f8f9fa; padding: 20px; border-radius: 15px; border: 1px dashed #ddd; }
        .list-item { display: flex; align-items: center; margin-bottom: 15px; }
        .icon-circle {
            width: 40px; height: 40px; border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            margin-right: 15px; font-size: 16pt; flex-shrink: 0;
            animation: pulse 2s infinite; color: white;
        }
        @keyframes pulse {
            0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0,0,0,0.1); }
            70% { transform: scale(1.05); box-shadow: 0 0 0 8px rgba(0,0,0,0); }
            100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0,0,0,0); }
        }
        .icon-green { background: #28a745; }
        .icon-blue { background: #007bff; }
        .icon-red { background: #dc3545; }

        footer { text-align: center; padding: 20px; font-size: 10pt; color: #444; border-top: 1px solid #eee; font-weight: bold; }
        @media (max-width: 600px) { .btn-section { grid-template-columns: 1fr; } .scroller-inner { margin: 0 15px; } }