*{margin:0; padding:0; box-sizing:border-box; font-family:'Segoe UI', system-ui, -apple-system, sans-serif}body{background:linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%); min-height:100vh; display:flex; justify-content:center; align-items:center; padding:20px; color:#333}.container{background-color:white; border-radius:20px; box-shadow:0 15px 40px rgba(0, 0, 0, 0.1); padding:50px 40px; max-width:900px; width:100%; text-align:center; position:relative; overflow:hidden}.container::before{content:''; position:absolute; top:0; left:0; right:0; height:5px; background:linear-gradient(to right, #FF0000, #FF6666)}.header{margin-bottom:40px}.logo{width:90px; height:90px; border-radius:18px; margin:0 auto 25px; background-size:contain; background-position:center; background-repeat:no-repeat; box-shadow:0 6px 15px rgba(46, 139, 87, 0.3); border:1px solid rgba(0, 0, 0, 0.05); background-color:white}h1{color:#1a1a1a; margin-bottom:15px; font-size:32px; font-weight:700; letter-spacing:-0.5px}.subtitle{color:#666; margin-bottom:10px; font-size:18px; line-height:1.5; max-width:500px; margin-left:auto; margin-right:auto}.school-name{color:#2E8B57; font-weight:600; font-size:16px; margin-top:5px; text-decoration:none; transition:color 0.3s ease; cursor:pointer}.school-name:hover{color:#228B22; text-decoration:underline}.cards-container{display:flex; flex-direction:column; gap:30px; margin:40px 0; justify-content:center; align-items:center}.card{background:#f8f9fc; border-radius:16px; padding:40px 30px; border:1px solid #eef0f5; transition:all 0.3s ease; width:100%; max-width:400px; display:flex; flex-direction:column; box-shadow:0 5px 15px rgba(0, 0, 0, 0.05)}.card:hover{transform:translateY(-8px); box-shadow:0 12px 25px rgba(0, 0, 0, 0.1)}.card-icon{font-size:50px; margin-bottom:25px; height:80px; display:flex; align-items:center; justify-content:center}.android-icon{color:#34A853}.apple-icon{color:#007AFF}.card-title{color:#1a1a1a; font-size:22px; margin-bottom:15px; font-weight:600}.app-name{color:#2E8B57; font-weight:600}.ios-app-name{color:#007AFF; font-weight:600}.card-description{color:#666; margin-bottom:35px; line-height:1.6; font-size:15px; flex-grow:1; font-style:italic}.visit-btn{display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(to right, #2E8B57, #32CD32); color:white; padding:16px 28px; border-radius:50px; text-decoration:none; font-weight:600; font-size:16px; transition:all 0.3s ease; box-shadow:0 4px 12px rgba(46, 139, 87, 0.3); gap:10px; width:100%; white-space:nowrap; margin-top:auto}.visit-btn:hover{transform:translateY(-2px); box-shadow:0 6px 16px rgba(46, 139, 87, 0.4); background:linear-gradient(to right, #26734d, #2db82d)}.ios-btn{background:linear-gradient(to right, #007AFF, #5a9cff); box-shadow:0 4px 12px rgba(0, 122, 255, 0.3)}.ios-btn:hover{background:linear-gradient(to right, #0066D6, #4a8ae6); box-shadow:0 6px 16px rgba(0, 122, 255, 0.4)}.store-icon{font-size:22px}.footer{margin-top:40px; color:#999; font-size:14px}.process-steps{display:flex; justify-content:center; gap:40px; margin-top:40px; flex-wrap:wrap}.step{display:flex; flex-direction:column; align-items:center; gap:10px; color:#666; font-size:14px}.step i{font-size:20px; color:#DC2626; background:#FEE2E2; width:50px; height:50px; border-radius:50%; display:flex; align-items:center; justify-content:center}.step-text{font-weight:600; color:#DC2626}@media (min-width:768px){.cards-container{flex-direction:row; align-items:stretch}.card{flex:1; min-width:280px; max-width:350px}}@media (max-width:768px){.container{padding:40px 25px}.cards-container{gap:20px}.process-steps{gap:25px}h1{font-size:28px}.subtitle{font-size:16px}}@media (max-width:480px){.container{padding:30px 20px}.card{padding:35px 25px}.process-steps{gap:20px}.step{font-size:13px}h1{font-size:24px}}body{-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}body{-webkit-touch-callout:none}