:root {--primary-color: #FFD700; /* Gold */--secondary-color: #000000; /* Black */--text-color: #FFFFFF; /* White */--dark-bg: #1a1a1a;--light-gray: #f0f0f0;--button-hover-color: #FFA500; /* Orange-Gold */}/* Base styles for the page content, assuming body has padding-top from shared header */.page-phsky-www-phsky-net-login {background-color: var(--dark-bg);color: var(--text-color);font-family: 'Arial', sans-serif;line-height: 1.6;overflow-x: hidden;padding-top: 10px; /* Minimal top padding, assuming body already has header offset */} .page-phsky-www-phsky-net-login__section {padding: 40px 20px;margin-bottom: 20px;text-align: center;box-sizing: border-box;max-width: 1200px;margin-left: auto;margin-right: auto;} .page-phsky-www-phsky-net-login__hero-section {background-color: #000;padding: 60px 20px 40px; /* Adjusted padding-top for minimal decor, assuming body has header offset */position: relative;overflow: hidden;} .page-phsky-www-phsky-net-login__hero-background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 0;filter: brightness(0.5); /* Darken background for text visibility */} .page-phsky-www-phsky-net-login__hero-content {position: relative;z-index: 1;max-width: 800px;margin: 0 auto;} .page-phsky-www-phsky-net-login__title {font-size: 2.5em;margin-bottom: 15px;color: var(--primary-color);text-transform: uppercase;font-weight: bold;} .page-phsky-www-phsky-net-login__description {font-size: 1.1em;margin-bottom: 30px;color: var(--light-gray);} .page-phsky-www-phsky-net-login__button-group {display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;} .page-phsky-www-phsky-net-login__button {background-color: var(--primary-color);color: var(--secondary-color);padding: 15px 30px;border: none;border-radius: 5px;font-size: 1.1em;font-weight: bold;text-decoration: none;cursor: pointer;transition: background-color 0.3s ease, transform 0.2s ease;display: inline-block;min-width: 150px;text-align: center;box-sizing: border-box;} .page-phsky-www-phsky-net-login__button:hover {background-color: var(--button-hover-color);transform: translateY(-2px);} .page-phsky-www-phsky-net-login__section-title {font-size: 2em;margin-bottom: 30px;color: var(--primary-color);text-transform: uppercase;} .page-phsky-www-phsky-net-login__content-text {font-size: 1em;margin-bottom: 20px;color: var(--light-gray);max-width: 900px;margin-left: auto;margin-right: auto;} .page-phsky-www-phsky-net-login__image-wrapper {margin: 30px auto;max-width: 100%;overflow: hidden;border-radius: 10px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);box-sizing: border-box;} .page-phsky-www-phsky-net-login__image {max-width: 100%;height: auto;display: block;} .page-phsky-www-phsky-net-login__features-list {list-style: none;padding: 0;margin: 30px auto;display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;max-width: 900px;} .page-phsky-www-phsky-net-login__feature-item {background-color: #2a2a2a;border-radius: 8px;padding: 25px;flex: 1 1 calc(33% - 40px); /* 3 items per row on desktop */min-width: 280px;text-align: left;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);box-sizing: border-box; /* Crucial for responsiveness */word-wrap: break-word !important;overflow-wrap: break-word !important;word-break: break-word !important;} .page-phsky-www-phsky-net-login__feature-item h3 {color: var(--primary-color);font-size: 1.3em;margin-top: 0;margin-bottom: 10px;} .page-phsky-www-phsky-net-login__feature-item p {color: var(--light-gray);font-size: 0.95em;} .page-phsky-www-phsky-net-login__floating-buttons {position: fixed;bottom: 20px;right: 20px;display: flex;flex-direction: column;gap: 10px;z-index: 1000;} .page-phsky-www-phsky-net-login__floating-button {background-color: var(--primary-color);color: var(--secondary-color);padding: 12px 25px;border: none;border-radius: 50px;font-size: 1em;font-weight: bold;text-decoration: none;cursor: pointer;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);transition: background-color 0.3s ease, transform 0.2s ease;text-align: center;min-width: 120px;} .page-phsky-www-phsky-net-login__floating-button:hover {background-color: var(--button-hover-color);transform: scale(1.05);}/* Mobile responsiveness */@media (max-width: 768px) {.page-phsky-www-phsky-net-login__title {font-size: 1.8em;} .page-phsky-www-phsky-net-login__description {font-size: 1em;} .page-phsky-www-phsky-net-login__button-group {flex-direction: column;gap: 15px;} .page-phsky-www-phsky-net-login__button {width: 100%;max-width: 250px;margin: 0 auto;} .page-phsky-www-phsky-net-login__section {padding: 30px 15px;} .page-phsky-www-phsky-net-login__section-title {font-size: 1.6em;} .page-phsky-www-phsky-net-login__features-list {flex-direction: column;gap: 15px;width: 100% !important;max-width: 100% !important;padding: 0 !important;margin-left: 0 !important;margin-right: 0 !important;box-sizing: border-box !important;} .page-phsky-www-phsky-net-login__feature-item {flex: 1 1 100%;width: 100% !important;max-width: 100% !important;padding: 20px !important;margin-left: 0 !important;margin-right: 0 !important;box-sizing: border-box !important;} .page-phsky-www-phsky-net-login__image-wrapper {margin: 20px auto;width: 100% !important;max-width: 100% !important;box-sizing: border-box !important;} .page-phsky-www-phsky-net-login__image {max-width: 100% !important;height: auto !important;box-sizing: border-box !important;} .page-phsky-www-phsky-net-login__floating-buttons {bottom: 15px;right: 15px;gap: 8px;} .page-phsky-www-phsky-net-login__floating-button {padding: 10px 20px;font-size: 0.9em;min-width: 100px;}}@media (max-width: 480px) {.page-phsky-www-phsky-net-login__title {font-size: 1.5em;} .page-phsky-www-phsky-net-login__section-title {font-size: 1.4em;}}