<meta charset="UTF-8"> <title></title> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;700&display=swap" rel="stylesheet" /> <style type="text/css">* { margin: 0; padding: 0; box-sizing: border-box; -webkit-print-color-adjust: exact; } body { background: #1a1a1a; font-family: 'Poppins', sans-serif; } /* Yatay Format Standartı */ .page { width: 1414px; height: 1000px; background: #001229; color: #ffffff; position: relative; overflow: hidden; margin: 20px auto; page-break-after: always; border: 1px solid rgba(255,182,0,0.1); } /* Ortak Tasarım Elemanları */ .gold-side-bar { position: absolute; left: 5%; top: 0; width: 30px; height: 100%; background: linear-gradient(180deg, #b8860b 0%, #ffb600 50%, #b8860b 100%); opacity: 0.8; z-index: 2; } .main-content { margin-left: 12%; width: 78%; height: 100%; display: flex; flex-direction: column; justify-content: center; z-index: 10; } .tagline { font-size: 13px; font-weight: 200; color: #ffb600; letter-spacing: 5px; text-transform: uppercase; margin-bottom: 15px; } h2.title { font-size: 48px; font-weight: 200; line-height: 1.1; margin-bottom: 20px; } h2.title span { font-weight: 700; color: #ffb600; } .divider { width: 80px; height: 1px; background: #ffb600; margin-bottom: 30px; } /* Grid Sistemleri */ .landscape-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; margin-top: 20px; } .triple-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin-top: 20px; } .feature-card { background: rgba(255,255,255,0.02); padding: 30px; border-radius: 15px; border: 1px solid rgba(255,182,0,0.15); border-left: 4px solid #ffb600; } .feature-card h4 { color: #ffb600; font-size: 18px; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 1px; } .feature-card p { font-size: 14px; color: rgba(255,255,255,0.6); line-height: 1.6; } /* Sayfa Altı Sabitleri */ .footer-nav { position: absolute; bottom: 40px; left: 12%; width: 78%; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 20px; } .brand-slug { font-size: 10px; color: rgba(255,255,255,0.3); letter-spacing: 3px; } .pg-num { font-size: 20px; color: #ffb600; font-weight: 200; } /* Özel Sayfalar */ .cover-style { text-align: center; background: radial-gradient(circle at center, #002855 0%, #001229 100%); } .cover-style .main-content { margin-left: 0; width: 100%; align-items: center; } @media print { body { background: none; } .page { margin: 0; border: none; box-shadow: none; } } </style>