* { margin: 0; padding: 0; box-sizing: border-box; }
        .custom-page {
            background-image: radial-gradient(ellipse at top left, #6699FF, #6666CC, #00CCFF);
            min-height: 100vh;
            padding: 20px;
            max-width: 100%; }
        .header {
            background-image: radial-gradient(ellipse at top left, #6699FF, #6666CC, #00CCFF);
            color: white;
            padding: 30px;
            border-radius: 12px 12px 0 0; /* TL TR BR BL */
            text-align: center; }
        .header h1 {
            font-size: 2.0rem;
            margin-bottom: 10px;
            font-weight: 700;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }
        .header p { font-size: 1.0rem; opacity: 0.9; }
        .custom-container {
            margin: 0 auto;
            font-family: 'Arial', sans-serif;
            background: #f9f9f9;
            border-radius: 20px;
            padding: 20px;
            box-shadow: 0 5px 10px 3px rgba(0,0,0,0.2); }
        .custom-content {
	    display: flex;
            flex-direction: column;
            align-items: left; /* only effective inside a flex */
            justify-content: left; /* only effective inside a flex */
            text-align: left;
	    background: #fcfcf7;
	    margin: 10px auto;
            padding: 40px; }
       #copyright { font-size: 0.7em; text-align: right; padding: 10px; color: darkgrey; }
       .floating-tooltip {
            position: absolute;
            top: 25px; right: 25px;
            z-index: 100;
            font-family: sans-serif; }
       .tooltip-icon {
            cursor: pointer;
            font-size: 40px;
            color: orange; 
            text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /* offset-x | offset-y | blur-radius | color */
}
       .tooltip-text {
            visibility: hidden;
            width: 180px;
            background-color: rgba(0,0,0,0.85);
            color: #fff;
            text-align: left;
            padding: 8px;
            border-radius: 5px;
            position: absolute;
            top: 25px; right: 10px;
            font-size: 12px;
            line-height: 1.3; }
      .floating-tooltip:hover .tooltip-text { visibility: visible; }